Reactjs Manifest.json加载index.html

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

我正在构建的React应用程序有一个manifest.json，如下所示，是在我第一次使用Create React应用程序时创建的：

{
  "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响应的标题是my manifest.json，如下所示：

链接到我的清单似乎是正确的，我的网站要求它，只有另一个index.html作为响应。manifest.json文件与index.html位于同一目录中

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

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

---

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

对于部署在Amplify中的React应用程序，此问题已得到解决：

---

主要问题是SPA需要服务器端重定向到index.html，而清单应该是这些重定向的例外，

您确定manifest.json存在于您的公用文件夹中吗？听起来好像找不到文件并重定向到index.html。@韦伯，在生成之前，manifest.json在我的公用文件夹中。构建后，它与index.html位于同一文件夹中，并且在我的本地构建和部署的构建中都存在。我也有这个问题-你解决了吗？@Raph117，没有，项目最终被放弃了哈哈哈。我怀疑某些路由处理不当（当时我们使用的是路由53）。祝你好运@鲁莫翁哈听到这个消息很难过。谢天谢地，我们把它整理好了。但问题是apache服务器，因此任何阅读本文的前端开发人员都可能希望与服务器人员聊天