Angular Js SPA 在 IIS 8.5 中发布后无法正常工作

Question

我在 ASP.NET MVC 框架中使用 AngularJS 使用 SPA 技术，当它从 VS2013 运行时，页面之间的 AngularJS 路由工作正常，但在将应用程序托管到 IIS8.5 后路由不起作用。

当我使用 IIS express 运行应用程序时，url 是 http://localhost:12345/#/home 发布后http://localhost/myapp/#/home

这是我的 app.js，

 $routeProvider.when("/home", {
        controller: "homeController",
        templateUrl: "/app/views/home.html"
    });

在index.html

<li> <a href="#/home">Home</a></li>

当我在 Windows azure 中发布我的应用程序时，应用程序运行正常。因为网址是myapp.azurewebsite.net。 myapp.azurewebsite.net/#/home

如何在本地 IIS 中进行类似的托管。

Answer 1

你几乎可以找到答案——那就是绝对文件路径。

快速修复：

将templateUrl: "/app/views/home.html" 更改为templateUrl: "app/views/home.html"（去掉标题斜线）

答案：

如果您将templateUrl 指定为/app/views/home.html（以/ 开头），则告诉浏览器从根目录获取它。

如果你的webapp存储在http://localhost/myapp/，你的浏览器会访问http://localhost/app/views/home.html获取模板。

这也解释了为什么您的应用在根目录中运行良好，但在子目录中却无法运行，例如 http://localhost/myapp/#/home。

不用担心相对路径的副作用。所有资源都是相对于index.html计算的。