因此,我的设置如下:
部署在Azure Blob存储区的静态网站(mkdocs),在Kestrel.
<link rel="manifest" type="application/manifest+json" href="manifest.json" crossorigin="use-credentials">和文件处于部署状态,根在部署状态,文件在部署状态下处于/folder/,在目录中的根目录中运行为/folder/.
assets处于部署状态,assets处于部署状态,在根中进行本地测试.在本地,图标可以工作,但在已部署的站点上,我得到:
Icon https://sub.domain.com/folder/assets/icons/icon.png failed to load
当我直接访问那个URL时,文件就会加载得很好。
站点在auth后面,但我在加载清单时使用crossorigin="use-credentials"。
完整的manifest.json:
{
"short_name": "Site Hub",
"name": "Site Hub",
"start_url": "/docs/?utm_source=web_app_manifest",
"icons": [
{
"src": "assets/icons/manifest-icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "assets/icons/manifest-icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"display": "standalone",
"orientation": "portrait",
"theme_color": "#20232A",
"background_color": "#20232A"
}我曾经尝试过像./assets/icons/manifest-icon-512.png"这样的路径,但它也不起作用。
发布于 2019-12-29 15:51:31
您可能应该在package.json中使用主页选项,让您的应用程序知道它是部署在https://sub.domain.com/folder上的。
如下所示:
...
"homepage": "https://sub.domain.com/folder",
...发布于 2022-01-14 05:51:27
我也有类似的问题,正在调查原因。因此,删除以下标题解决了问题。
add_header Cross-Origin-Resource-Policy "same-origin";https://developer.mozilla.org/en-US/docs/Web/HTTP/Cross-Origin_Resource_Policy_(CORP)
https://stackoverflow.com/questions/59520750
复制相似问题