在IIS中部署到非根路径时,Angular项目无法加载

时间:2018-03-23 14:16:27

标签: angular iis

我创建了一个新的Angular项目,并使用ng build构建了它。然后我将其复制到c:\inetpub\wwwroot\MyProject\。我已经使用"转换为应用程序"添加了它。在IIS管理器中。

enter image description here

然后我使用http://localhost:81/MyProject/浏览它,但是Angular发出的所有后续请求都失败了,因为它们在根目录中缺少/MyProject。例如,从工具提示中,它会尝试从inline.bundle.js而不是http://localhost:81/inline.bundle.js/加载http://localhost:81/MyProject/inline.bundle.js/

enter image description here

如何让它考虑到根MyProject

1 个答案:

答案 0 :(得分:1)

<base href>属性更改为指向新应用的index.html(或默认页面)中的子目录(“MyProject”)。

示例:

<base href="/MyProject/">

,更多与目录无关的相对路径方法(由OP提供)

<base href="./">