如何:刷新AngularJS路线

时间:2016-10-18 00:05:19

标签: javascript angularjs typescript

我试图通过Visual Studio创建一个Typescript SPA项目,并且我使用AngularJS来处理路由。这是我的配置......

var app = angular.module("myApp", ["ngRoute"]);
app.config(($routeProvider, $locationProvider) => {
$routeProvider
    .when("/", {
        templateUrl: "/pages/index/index.html"
    })
    .when("/about", {
        templateUrl: "/pages/about/about.html"
    })
    .otherwise({ redirectTo: '/' });

$locationProvider.html5Mode(true);
});

这很好用,因为它使URL看起来像我想要的。但是,当我去刷新页面时,我会收到错误404或错误403,具体取决于它是主页面还是关于页面。如何制作它以便刷新到正确的页面?

1 个答案:

答案 0 :(得分:1)

这是服务器端的事情,您的服务器正在处理您的整个URL,就好像它是服务器中的正常路径一样。您必须将此配置为定位index.html,否则您的服务器将尝试查找www.myserver.com/about页面。因此,它将生成404状态代码,因为在目录的情况下无法找到或禁止访问您的URL。