需要修复在Azure App服务上运行的Angular 2的路由问题

发布时间：2020-12-17 17:54:41 所属栏目：安全来源：网络整理

导读：我有一个基于 Angular 2 “Tour of Heroes” Quick Start的角度2网站. 它在本地运行时工作正常.修复后不再使用本地node_modules(从快速入门的deployment steps开始)并部署到Azure Web应用程序,如果我从根URL(“/”)开始,应用程序正常工作.但是,使用Angular路

我有一个基于 Angular 2 “Tour of Heroes” Quick Start的角度2网站.

它在本地运行时工作正常.修复后不再使用本地node_modules(从快速入门的deployment steps开始)并部署到Azure Web应用程序,如果我从根URL(“/”)开始,应用程序正常工作.但是,使用Angular路由更改URL(例如“/ home”),如果我对该URL执行F5刷新,则无法加载应用程序.当我这样做时,我得到404：

The resource you are looking for has been removed,had its name changed,or is temporarily unavailable.

我尝试使用here所述的web.config,但这没有帮助.它似乎是一个IIS问题,它试图提供一个页面,而不是从index.html开始.我的路线在Angular中定义,它们在本地工作.

解决方法

你可以试试这个web.config文件吗？

<configuration>
    <system.webServer>
         <rewrite>
            <rules>
              <rule name="AngularJS 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>
          <caching enabled="true" enableKernelCache="true">
              <profiles>
                  <add extension=".js" policy="DisableCache" kernelCachePolicy="DisableCache" />
              </profiles>
          </caching>
    </system.webServer>
</configuration>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!