Question

我发布了一个Angular2应用程序并将其部署在Azure Web Apps上。如果我通过浏览到它的根目录启动它，应用程序工作正常： http://cafeserver.azurewebsites.net/Web/

但是，如果我直接浏览到应用程序中的子路径，例如： http://cafeserver.azurewebsites.net/Web/customers

它会抛出错误，指出“您无权查看此目录或页面。”

如何解决此问题？

Answer 1

您需要更新web.config以将所有路由重定向到索引页面，以便Angular路由可以启动。我使用以下配置将SPA部署到Azure：

<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="SPA">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

请注意，我的设置会免除对包含/api的文件，目录和请求URI的请求，因为我会为后端HTTP路由保留此请求。您可以根据您的豁免需求更新您的。

Azure上的Angular2应用程序“您无权查看子路由

1 个答案: