javascript - 浏览器通过 Angular 路由在 SPA 内触发重新加载

Question

我有一个由节点提供服务的 Angular SPA，但每当我刷新/重新加载非根页面时，基于 express 的服务器会拦截路由并返回“无法获取 route_X”。我的路由缺少什么功能来启用此刷新行为？

angular.module('appRoutes', []).config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {

    $routeProvider

    .when('/', {
        templateUrl: 'views/nests.html',
        controller: 'NestController'

    .when('/pair/:id', {
        templateUrl: 'views/pairing.html',
        controller: 'PairController'
    })

    .when('/pairs', {
        templateUrl: 'views/pairs.html',
        controller: 'PairListController'
    });

    $locationProvider.html5Mode(true);

  }
]);

我在我的 express 服务器中定义的唯一路由如下...

app.get('/', function(req, res) {
  var html = fs.readFileSync('public/views/index.html', 'utf8');
  res.send(html);
});

所有其他路由功能都存在于索引文件中。

Answer 1

您必须将所有请求(静态请求除外)路由到 index.html:

app.use("/js", express.static(__dirname + "/public/js"));
...

app.all('/*', function(req, res) {
  var html = fs.readFileSync('public/views/index.html', 'utf8');
  res.send(html);
});