小编Ras*_*bel的帖子

在 azure 中托管后在路由级别刷新时,angular 7 应用程序不起作用

在我们的团队中,我们开发了一个 angular7 应用程序并托管在 azure 中。当 url 类似于http://xyz.azurewebsites.net/时,无论是否刷新,网站都可以正常工作。我可以通过单击链接来遍历页面,没有任何问题。例如,可以遍历像http://xyz.azurewebsites.net/page1这样的页面,但是这次当我在浏览器中刷新/按 ctrl f5 时它显示:您正在寻找的资源已被删除,有其名称已更改,或暂时不可用。

我用谷歌搜索并尝试了一些解决方法,如下所示:

  1. 为url重写创建了一个web.config文件并将其放在angular应用程序的src文件夹中,在其中添加了web.config

"assets": [ "src/favicon.ico", "src/assets", "src/web.config" ],

在 angular.json 文件中,但以静脉结尾。

  1. 为url重写创建了一个web.config文件并将其放置在angular应用程序的根目录中,将web.config添加到

"assets": [ "src/favicon.ico", "src/assets", "web.config" ],

在 angular.json 文件中,但以静脉结尾。

  1. 尝试将 web.config 放置/不放置在 dist(在使用 ng build --prod 命令创建 dist 之后)文件夹中,但以静脉结束。

  2. 在 web.config 中尝试了两种不同的内容,如下所示:

    第一的:

    <?xml version="1.0"?>
    
    <configuration>
        <system.webServer>
            <staticContent>
                <mimeMap fileExtension=".json" mimeType="application/json" />
                <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
                <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
            </staticContent>
        </system.webServer>
        <system.webServer>
        <rewrite>
            <rules>
                <rule name="angular cli routes" stopProcessing="true">
                    <match url=".*" />
                    <conditions …
    Run Code Online (Sandbox Code Playgroud)

deployment azure angular7

4
推荐指数
1
解决办法
1911
查看次数

标签 统计

angular7 ×1

azure ×1

deployment ×1