Azure上的Angular2应用程序“您无权在子路由上查看此目录或页面

发布时间：2020-12-17 17:29:14 所属栏目：安全来源：网络整理

导读：我发布了一个Angular2应用程序并将其部署在Azure Web Apps上.如果我通过浏览到它的根目录启动它,应用程序工作正常： http://cafeserver.azurewebsites.net/Web/ 但是,如果我直接浏览到应用程序中的子路径,例如： http://cafeserver.azurewebsites.net/Web/cu

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

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

它将抛出一个错误,指出“您没有权限查看此目录或页面.”

我该如何解决这个问题？

解决方法

您需要更新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路由保留了这个.您可以根据您的豁免需求更新您的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!