javascript - 当我直接粘贴 URL 时，AngularJs View 不会加载

Question

我是 Angular 新手，我使用 AngularJs 创建一个应用程序(使用 ngRoute 进行路由)，它可以完美地处理从一个页面到另一个页面的链接，但问题是当我直接粘贴 url 或编辑浏览器 url 栏时浏览器显示“找不到该页面”我使用 $locationProvider html4 模式从 url 中删除 #。所以请帮帮我，是因为这个还是什么？

这是我的路线

angular
.module("myApp", ["ngSanitize", "ngLoadingSpinner", "ngRoute"])
.config(function ($locationProvider, $routeProvider) {

$routeProvider
    .when('/' , {
    templateUrl: "templates/index.tpl.html"
})
    .when('/work' , {
    templateUrl: "templates/work.tpl.html"
})
    .when('/work/:id' , {
    templateUrl: "templates/workDetail.tpl.html"
})
    .otherwise({redirectTo:'/'});


$locationProvider.html5Mode(true);

});

和 URl 看起来像这样 http://127.0.0.1:8080/work/1

Answer 1

听起来您需要设置服务器才能在直接导航到这些路线时正确提供索引文件。即使您访问非根 URL，这也会导致服务器提供 index.html。

与此类似的设置应该可以工作。 (假设您使用的是 Nginx) https://gist.github.com/calebwoods/5e88b5e323d55ad71195

特别注意这个 block :

location / {
    try_files $uri /index.html;
}