首页 文章

AWS Cloud9不允许使用静态manifest.json,但允许使用css文件

提问于
浏览
16

我正在AWS Cloud9中开发PWA,但它不允许在链接标记中包含/引用我的manifest.json . 它在开发工具中说“VFS连接不存在”,好像它找不到清单,因为它在应用程序的外部 . 我在控制台中出现499错误 . 如果我停止节点http-server并重新加载预览页面,这就是我得到的相同消息,因为它没有在端口8080上提供 . 它可以在链接标签中找到CSS文件就好了(在同一个文件夹中) ),它是因为它是rel = manifest,还是出于安全原因或其他原因不允许包含json文件?有谁知道为什么这个文件不起作用?

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

2 回答

  • 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==">
    
  • 0

    根据MDN Web Docs,链接标记应该是这样的 .

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

    这是我发现的信息的链接 . 我希望它有所帮助 .

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


    PS:我是StackOverflow的新手,因此无法对这个问题发表评论,这就是为什么在答案中发表一些研究的原因 .

相关问题