javascript - 如何在 node express 中使用 angular 2 斜线路由？

Question

我的 App 组件中定义了一些路由:

@routeConfig([
{ 
    path:'login', 
    name: 'Login', 
    component: Login
}}

还有一个非常基本的节点快速加载器:

var express = require('express');
var app = express();

app.use(express.static('app'));
app.use('/node_modules', express.static(__dirname + '/node_modules/'));

app.get('/home', function(req, res, next) {
  next();
});

app.listen(3000, function () {
  console.log('Serverlistening on port 3000!');
});

我的问题是，转到“/login”/被 node express 拦截，它说“无法获取/login”。我想让 Angular2 来处理它。它在 node lite 服务器中运行良好，但在 express 中运行不佳。

如何配置 express 忽略这些路由并允许 Angular 处理它们？

Answer 1

您可以尝试以这种方式配置您的路线:

@routeConfig([
  { 
    path:'/login', // <---------- 
    name: 'Login', 
    component: Login
  }
])

编辑

如果您直接点击请求，您需要一些东西来将请求的 index.html 文件的内容返回到您的 Express 应用程序中。

必须为 Angular2 中定义的每个路由完成此操作。否则你会得到 404 错误。

有关详细信息，请参阅此问题:

• > Angular 2 : 404 error occur when i refresh through Browser