reactjs - Manifest.json 加载 index.html

Question

Manifest.json 在 Google Chrome 上加载 index.html

我正在构建的 React App 有一个如下的 manifest.json，它是在我第一次使用 Create-React-App 时创建的:

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

但是，当我使用 AWS-Amplify 将网站发布到 S3 存储桶时，manifest.json 会加载我的 index.html。第一个 index.html 响应具有指向我的 manifest.json 的正确 header ，如下所示:

<link rel="manifest" href="/manifest.json">

指向我的 list 的链接似乎是正确的，我的网站请求了它，但只有另一个 index.html 作为响应。 manifest.json 文件位于与 index.html 相同的目录中。

在我的本地主机中，manifest.json 加载得很好。当我尝试构建它并从构建文件夹提供服务时，manifest.json 也加载得很好。这个问题只发生在我们部署的网站上。我检查了 S3 中的部署文件，它看起来与我们构建的文件完全一样，所以我不知道哪里出了问题。

我怀疑这可能是 Chrome 的问题，因为在 Firefox 和 Edge 中没有请求 Manifest.json。但是，这并不能解释为什么我的本地主机和本地构建能够在 Chrome 中成功加载 manifest.json。

我希望 manifest.json 是一个实际的 json 文件，而不是 index.html。

Answer 1

此问题已针对部署在 Amplify 中的 React 应用解决:

Aws-Amplify: manifest.json and env.json loading index.html

主要问题是 SPA 需要服务器端重定向到 index.html， list 应该是这些重定向的异常(exception)，