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

Question

在我们的团队中，我们开发了一个 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 文件中，但以静脉结尾。

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

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

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

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

4. 在 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 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>
   

   第二：

   <?xml version="1.0" encoding="UTF-8"?>
   <configuration>
     <system.webServer>
       <rewrite>
         <rules>
           <rule name="angular cli 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>
   

但以静脉结束。

就我而言<base href="/">，在 angular 应用程序的 dist 和 src 文件夹中的 index.html 中。还有什么可以尝试解决这个问题？

Answer 1

终于成功了，我只是将 web.config 放在 src 文件夹中，并在 angular.json 中写入该文件的路径，如下所示：

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

然后犯了天蓝色。虽然我之前做了同样的事情，但它终于奏效了！！！

谢谢