我使用 ng build --prod 在本地生成 dist 文件夹 然后我在azure中创建了一个存储帐户并打开了“静态应用程序” 然后我将 dist/xxx 文件夹的内容上传到 $web 文件夹 但是当我导航到任何路线时我得到
[![在此处输入图像描述][1]][1]
我尝试过的事情
对于我使用以下的 staticwebapp.config 文件
{
"navigationFallback": {
"rewrite": "/index.html",
"exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
}
}
和
{
"navigationFallback": {
"rewrite": "index.html",
"exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
}
}
和
{
"navigationFallback": {
"rewrite": "index.html"
}
}
通常,当其他人遇到类似问题时,他们能够导航到某个页面,并且当他们刷新时,他们会看到此问题。但就我而言,我一导航就收到此错误。 [1]:
根据微软文档,
之前用于配置路由的_routes.json 已弃用。按照本文所述使用 staticwebapp.config.json 为静态 Web 应用程序配置路由和其他设置。
Fallback routes
:
对于所有静态文件请求返回
/index.html
的示例代码。
{
"navigationFallback": {
"rewrite": "/index.html"
}
}
MS 文档中的示例配置文件。
有关更多信息,请查看已修复的类似问题此处。