Как исправить проблему с угловой маршрутизацией с обновлением при развертывании Azure

Question

У меня есть проект Angular (v7), который я хочу развернуть в облаке Azure.У меня проблема с маршрутизацией.Когда я обновляю страницу на одной из моих подстраниц, я получаю: "Ресурс, который вы ищете, был удален, изменилось его имя или временно недоступен."

Я смотрю угловую инструкцию по развертыванию инструкции по развертыванию

Я также прочитал много постов по этому вопросу, но не нашел решения, которое бы сработало для меня.

Мое правило маршрутизации очень простое.

export const AdminLayoutRoutes: Routes = [

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

Я создал файл web.config в папке "Src" с содержимым:

<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='/'>

и это не помогает.Есть что-нибудь еще, что я мог бы проверить?