将 Angular 个文件部署到 Azure StorageAccount - 无法加载资源:

Deploy Angular files to Azure StorageAccount - Failed to load resource:

我已经使用 Azure Copy 将 Angular 个 dist 文件部署到 Azure StorageAccount 中名为 myuiContainer。部署成功,文件在 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 并且似乎没有是对的。在浏览器中打开这个 url 如下所示。

<Error> <Code>OutOfRangeInput</Code> <Message>One of the request inputs is out of range. RequestId:0ca3c3e5-f01e-0014-79d2-6d3d8e000000 Time:2021-06-30T17:05:12.9184590Z</Message> </Error>

如果将上面的 url 更改为包含 Container 名称 myui,如 https://uistorage.blob.core.windows.net/`myui`/styles.9993ca6d5497bdedc285.css,则该文件将在浏览器中打开

我该如何解决?

我有 2 个选项来解决这个问题 一种解决方案是在 package.json

中添加 "build": "ng build --base-href=/path"

另一种方法是,我们将 angular 应用程序放置到 App Service 而不是更适合我们应用程序的容器。