将 Angular 个文件部署到 Azure StorageAccount - 无法加载资源:
Deploy Angular files to Azure StorageAccount - Failed to load resource:
我已经使用 Azure Copy 将 Angular 个 dist 文件部署到 Azure StorageAccount
中名为 myui
的 Container
。部署成功,文件在 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 而不是更适合我们应用程序的容器。
我已经使用 Azure Copy 将 Angular 个 dist 文件部署到 Azure StorageAccount
中名为 myui
的 Container
。部署成功,文件在 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 而不是更适合我们应用程序的容器。