AWS Cloud9 не допускает статический manifest.json, но разрешает файл css

Question

Я разрабатываю PWA в AWS Cloud9, но он не позволяет включать / ссылаться на мой manifest.json в теге ссылки.В инструментах разработчика написано «VFS Connection отсутствует», как будто он не может найти манифест, потому что он является внешним по отношению к приложению.Я получаю ошибку 499 в консоли.Это то же самое сообщение, которое я получаю, если я прекращаю http-сервер узла и перезагружаю страницу предварительного просмотра, потому что она не обслуживается на порте 8080. Она просто находит файл CSS в теге ссылки (в той же папке).), так ли это, потому что это rel = manifest, или он не позволяет включать файл json по соображениям безопасности или по какой-то другой причине?Кто-нибудь знает, почему этот файл не работает?

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

Answer 1

Это главным образом потому, что сейчас ваше приложение недоступно для публичного доступа через порт 80, и как только вы начнете работать, это не должно быть проблемой.

Обновление - альтернативный метод ниже

Вы можете поместить содержимое манифеста json как строку в кодировке base64 в сам html.Ниже приведен пример манифеста json и его реализация в теге ссылки на странице.

{
  "name": "your app name",
  "gcm_sender_id": "xxxxxxx",
  "gcm_user_visible_only": "true"
}

На странице HTML -

<link rel="manifest" href="data:application/manifest+json;base64,ewogICJuYW1lIjogInlvdXIgYXBwIG5hbWUiLAogICJnY21fc2VuZGVyX2lkIjogInh4eHh4eHgiLAogICJnY21fdXNlcl92aXNpYmxlX29ubHkiOiAidHJ1ZSIKfQ==">

Answer 2

В соответствии с MDN Web Docs, тег ссылки должен быть таким:

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

Вот ссылка на информацию, которую я узнал.Надеюсь, это поможет.

https://developer.mozilla.org/en-US/docs/Web/Manifest

---

PS: я новичок в StackOverflow, поэтому не могу комментировать вопрос, поэтому публикую некоторые исследования в самом ответе.