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

Question

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

我找到了解决方案，例如将 web.config 文件放在根文件中，并将其添加到 angular-cli.json 文件的资产中，但随后应用程序根本无法运行，并显示 500 internal server error。

如果有人可以帮助我，我将不胜感激，因为我已经为此苦苦挣扎了很长时间。

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