Angular项目index.html默认不加载,/TEST/路径访问异常求助
解决Angular项目index.html无法默认加载的问题
针对访问https://servername/TEST/时无法加载index.html、反而加载父目录的问题,可按以下方案排查解决:
1. 修正URL重写规则
当前的重写条目/TEST/未明确指向index.html,需调整规则确保请求该路径时重写到目标文件。以IIS的URL Rewrite为例,添加如下规则:
<rule name="Angular TEST Route" stopProcessing="true"> <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="^/TEST/" /> </conditions> <action type="Rewrite" url="/TEST/index.html" /> </rule>
同时确保服务器的默认文档列表中包含index.html,并将其移至列表首位。
2. 确认Angular构建配置
手动修改index.html中的<base href="/TEST/">后,需保证构建时不会被覆盖,执行构建命令时明确指定base-href参数:
ng build --base-href "/TEST/"
3. 验证服务器站点配置
- 确保站点的物理路径指向Angular项目构建后的
dist目录,而非父目录。 - 检查是否存在其他重写规则或权限设置,导致
/TEST/路径的请求被跳转到父目录。
内容的提问来源于stack exchange,提问作者Chandan Sethi
相关产品推荐
相关产品推荐

