我发布了一个Angular2应用程序并将其部署在Azure Web Apps上.如果我通过浏览到它的根目录启动它,应用程序工作正常：
http://cafeserver.azurewebsites.net/Web/ @H_502_8@ @H_502_8@但是,如果我直接浏览到应用程序中的子路径,例如：
http://cafeserver.azurewebsites.net/Web/customers @H_502_8@它将抛出一个错误,指出“您没有权限查看此目录或页面.” @H_502_8@我该如何解决这个问题？
http://cafeserver.azurewebsites.net/Web/ @H_502_8@ @H_502_8@但是,如果我直接浏览到应用程序中的子路径,例如：
http://cafeserver.azurewebsites.net/Web/customers @H_502_8@它将抛出一个错误,指出“您没有权限查看此目录或页面.” @H_502_8@我该如何解决这个问题？
解决方法
您需要更新web.config以将所有路由重定向到索引页面,以便Angular路由可以启动.我使用以下配置将SPA部署到Azure：
@H_502_8@
@H_502_8@
<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>
@H_502_8@请注意,我的设置免除了对包含/ api的文件,目录和请求URI的请求,因为我为后端HTTP路由保留了这个.您可以根据您的豁免需求更新您的.
