Azure 上托管的 Angular 18 应用程序的路由重定向问题

Question

我在 Azure 上托管的 Angular 18 应用程序遇到问题。当通过 URL yyy.net（免费计划）访问应用程序时，它会正确重定向到 yyy.net/home。但是，当我尝试通过单击登录链接导航到登录页面时，遇到以下错误：

错误：“您正在查找的资源已被删除、更名或暂时不可用。”

尽管在 Angular 路由设置中正确配置了登录路由，但服务器似乎没有正确处理登录路由。所有其他路由（例如 /home、/signup）均按预期工作，但 /login 路由无法加载。

您能否协助解决此问题或提供有关 Azure 环境中路由所需的任何配置的指导？

我的应用程序路线`

export const routes: Routes = [

    { path: 'login', component: LoginComponent }, ....`

应用程序组件 html：

  <app-header></app-header>
  <router-outlet></router-outlet>

Answer 1

已解决，在 dist/[build]/browser/ 中添加此 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="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>