AngularJS 路由服务器端支持（NodeJS+express）

Question

我在服务器上使用 NodeJS + expressJS，在客户端使用 AngularJS

AngularJS 控制器有以下路由：

app.config(function($routeProvider,$locationProvider) {
$routeProvider
 .when('/field1/:id', {
  controller: 'ctrl1',
  templateUrl: "/view/mainpages/field1.html"
})
 .when('/field2/:id', {
  controller: 'ctrl2',
  templateUrl: "/view/mainpages/field2.html"
})
........... many many 
.when('/', {
  controller: 'ctrl0',
  templateUrl: "/view/mainpages/index.html"
})
.otherwise({redirectTo : '/'});

NodeJS 静态：

app.all('/*', express.static(__dirname + '/client'));

在调用直接通过此链接的情况下，如何使服务器重定向其路径上相对于根目录的所有静态页面。

示例： server:3000/field1/23 必须致电server:3000/client/index.html 并且索引必须像server:3000/js/cntr1.js一样上传JS

更新：我找到了解决问题的方法。但它看起来像拐杖一样丑

app.get('/field1/([0-9]+$)', function(req, res, next) { 
    req.url='/index.html';
    next();
 });
app.use('/field1', express.static(__dirname + '/client'));

也许有更优雅的解决方案？

Answer 1

在 expressjs 中，您可以使用正则表达式模式匹配来定义路由。这意味着，特定集合下的任何内容都将始终从服务器端返回相同的页面，您将让 Angular 来决定究竟要显示什么或执行什么操作。

将 / 上的所有内容重定向到您需要管理资产的同一页面并不是一个好主意，它们也存在于 / 部分，而是使用易于管理的子目录是个好主意

跟随sn-p会将应用路径下的所有内容重定向到服务器端的同一页面

app.get('/app/*', function(req, res) {
  res.send('app_index');
})

如果您不想被限制在一个应用程序目录，而是有许多不同的根级目录，所有这些都需要指向同一个页面，您可以这样做

app.get('/(app|server|client|form|dashboard)/*', function(req, res) {
  res.send('app_index');
})