我使用 angular-cli 来构建我的 Angular 应用程序。
注意我正在使用 PathLocationStrategy 路由策略,并且由于其他限制我不能使用 HashLocationStrategy。
我已将所有静态文件上传到 Azure 存储 Blob 中的“前端”容器中。该应用程序运行良好,除了我遇到的两个限制:
- 用户必须输入完整的 URL,而不仅仅是域名(即https://someblob.blob.core.windows.net/frontend/index.html)
- 当用户按下浏览器刷新时,返回 404 错误。
使用 Azure Functions Proxies 和以下 proxies.json 文件,我设法解决了第一个限制。即用户可以通过浏览 some-azure-function.azurewebsites.net 来访问该应用程序。但不是第二个。
有没有办法使用 Azure Functions Proxies 来解决第二个限制?
代理.json:
{
"$schema": "http://json.schemastore.org/proxies",
"proxies": {
"refresh": {
"matchCondition": {
"route": "/frontend/"
},
"backendUri": "https://someblob.blob.core.windows.net/frontend/index.html"
},
"allfiles": {
"matchCondition": {
"route": "/frontend/{*rest}"
},
"backendUri": "https://someblob.blob.core.windows.net/frontend/{rest}"
},
"root": {
"matchCondition": {
"route": "/"
},
"backendUri": "https://someblob.blob.core.windows.net/frontend/index.html"
}
}
}