如何通过Azure部署上的刷新来解决Angular路由问题

Question

我有一个要部署到Azure云的Angular（v7）项目。我在路由时遇到问题。当我在其中一个子页面上刷新页面时，我得到： “您正在寻找的资源已被删除，名称已更改或暂时不可用。” < / p>

我看上去很容易部署a deployment instruction

我也阅读了很多关于该问题的文章，但是我没有找到适合我的解决方案。

我的路由规则非常简单。

export const AdminLayoutRoutes: Routes = [

    { path: '', redirectTo: 'dashboard', pathMatch: 'full'},
    { path: 'dashboard',      component: DashboardComponent },
    { path: 'contracts',      component: ContractsComponent }
];

我已经在“ Src”文件夹中创建了包含以下内容的web.config文件：

<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="Angular Routes" stopProcessing="true">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/index.html" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

还要放入index.html

<base href='/'>

，但无济于事。还有其他可以检查的东西吗？