在 Azure 中托管时，Angular 应用程序刷新不起作用

Question

应用程序在本地工作，但当我将其托管在 Azure 上时，每当我按下刷新时，它都会显示“您正在查找的资源已被删除、名称已更改或暂时不可用。”

我找到了解决方案，例如将 web.config 文件放在根文件中，并将其添加到 angular-cli.json 文件的 Assets 中，但应用程序根本无法工作，并且显示 500 内部服务器错误。

如果有人能帮助我，我将非常感激，因为我已经为此奋斗了很长时间。

Answer 1

您应该将 web.config 移动到“src”文件夹而不是根目录。

web.config 应该如下所示:

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

摘自这篇文章:angular 2 azure deploy refresh error : The resource you are looking for has been removed, had its name changed, or is temporarily unavailable