如何解决将 Angular 文件部署到 Azure StorageAccount - 无法加载资源:
我已使用 Azure Copy 将 Angular dist 文件部署到 Container
中名为 myui
的 Azure StorageAccount
。部署成功,文件在 Container
中可用。
使用 Blob url https://uistorage.blob.core.windows.net/myui/index.html
页面打开但内容丢失。在开发者工具 (F12) 中,我看到 ==> 加载资源失败:服务器响应状态为 400(其中一个请求输入超出范围。)如下图所示。
显示为控制台错误的所有文件项都在 container
中可用,但这些文件的 url 显示(悬停时)如下 https://uistorage.blob.core.windows.net/styles.9993ca6d5497bdedc285.css
并且似乎不正确。在浏览器中打开这个网址如下。
OutOfRangeInput
如果将上面的 url 更改为包含 Container
名称 myui
,例如 https://uistorage.blob.core.windows.net/`myui`/styles.9993ca6d5497bdedc285.css,则该文件将在浏览器中打开
我应该如何解决这个问题?
解决方法
我有 2 个选项来解决这个问题
一种解决方案是在 "build": "ng build --base-href=/path"
package.json
另一种方法是,我们将 angular 应用程序放置到应用程序服务而不是更适合我们应用程序的容器。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。