html - 如何避免 PWA 中的 CORS 问题

Question

我们开始实施 PWA，作为实施的一部分，我从 amazon s3 存储桶中导入 manifest.json。出现以下错误。

无法加载https://abcdefghij.com/static/pwa/Manifest.json:No 'Access-Control-Allow-Origin' header is present on the requested

我在 index.html 文件中编写了以下代码

 <link rel="manifest" crossorigin="anonymous" href="https://abcdefghij.com/static/pwa/Manifest.json"/>

如果有人帮助，将不胜感激。

Answer 1

我不建议禁用 CORS。但是您可以使用 S3 存储桶将 Few 源列入白名单。CORS 必须在服务器端设置，假设您使用的是 Node ，您可以将其用作参考

对于 S3 使用这个

Answer 2

您的https://abcdefghij.com/服务器是否支持跨域请求？

更多信息：https ://developer.mozilla.org/en-US/docs/Web/HTTP/CORS