Manifest.json загружает index.html

Question

Manifest.json загружает index.html в Google Chrome

В приложении React, которое я создаю, есть файл 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, как показано ниже:

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

Ссылка на мой манифест кажется правильной, и мой веб-сайт запросил его только для того, чтобыеще один index.html в качестве ответа.Файл manifest.json находится в том же каталоге, что и index.html.

На моем локальном хосте файл manifest.json загружается нормально.Когда я попытался собрать его и обработать из папки сборки, файл manifest.json также прекрасно загружается.Эта проблема возникает только на нашем развернутом веб-сайте.Я проверил файлы развертывания в S3, и они выглядят точно так же, как наши встроенные файлы, поэтому я не знаю, что не так.

Я подозреваю, что это может быть проблема Chrome, потому что Manifest.json не запрашивается вFirefox и Edge.Однако это не объясняет, почему мой локальный и локальный билд может успешно загружать manifest.json в Chrome.

Я ожидаю, что manifest.json будет настоящим файлом json, а не index.html.