Javascript 带有Angular 2 rc.5的NodeJs路由目录_Javascript_Node.js_Angular_Typescript_Angular2 Routing

Javascript 带有Angular 2 rc.5的NodeJs路由目录

javascript node.js angular typescript

Javascript 带有Angular 2 rc.5的NodeJs路由目录,javascript,node.js,angular,typescript,angular2-routing,Javascript,Node.js,Angular,Typescript,Angular2 Routing,我正在做我的第一个a节点+角度2项目。在我以前的项目中，在没有Angular2的情况下，这种路线运行得非常好我在访问NodeJs中的多级目录路由时出错例如：它是这样工作的： app.get('/dashboard', dashboard.getHome); // works app.get('/user', user.getUser); // works 而不是： app.get('/dashboard/home', dashboard.g

我正在做我的第一个a节点+角度2项目。在我以前的项目中，在没有Angular2的情况下，这种路线运行得非常好

我在访问NodeJs中的多级目录路由时出错

例如：

它是这样工作的：

app.get('/dashboard', dashboard.getHome);        // works
app.get('/user', user.getUser);                  // works

而不是：

app.get('/dashboard/home', dashboard.getHome);   // won't work
app.get('/user/home', user.getUser);             // won't work

我知道有Angular2路由可以使用，但是否有直接访问我在NodeJs中指定的静态URL的方法

如果我想访问多个级别，我会出错，如：

/dashboard/tasks/42

我现在做不到这一点，这就是我正在努力解决的问题

app.js

var main = require('./routes/index');
var dashboard = require('./routes/dashboard');
var user = require('./routes/user');

app.get('/', main.index);

app.get('/dashboard', dashboard.getHome);        // works
// app.get('/dashboard/home', dashboard.getHome);   // won't work this way

app.get('/user', user.getUser);                  // works
// app.get('/user/home', user.getUser);             // won't work this way

dashboard/index.html

<html>
<head>
    <title>Teamo - Dashboard</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <!-- 1. Load libraries -->
    <!-- Polyfill(s) for older browsers -->
    <script src="javascripts/core-js/client/shim.min.js"></script>
    <script src="javascripts/zone.js/dist/zone.js"></script>
    <script src="javascripts/reflect-metadata/Reflect.js"></script>
    <script src="javascripts/systemjs/dist/system.src.js"></script>
    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.8/socket.io.min.js"></script> 
    <script>
    System.import('app/dashboard/dashboard').catch(function(err){ console.error(err); });
    </script>
</head>
<!-- 3. Display the application -->
<body>
    <my-dashboard>Loading...</my-dashboard>
</body>

它返回下面的错误

错误：

GET http://localhost:3000/dashboard/javascripts/core-js/client/shim.min.js 
GET http://localhost:3000/dashboard/javascripts/zone.js/dist/zone.js 
GET http://localhost:3000/dashboard/javascripts/reflect-metadata/Reflect.js 
GET http://localhost:3000/dashboard/javascripts/systemjs/dist/system.src.js 
GET http://localhost:3000/dashboard/systemjs.config.js 
GET http://localhost:3000/dashboard/js/pace.min.js 
Uncaught ReferenceError: System is not defined(anonymous function) @ home:18
GET http://localhost:3000/dashboard/js/pace.min.js 
favicon.ico:1 GET http://localhost:3000/favicon.ico 500 (Internal Server Error)

更改元素的顺序：

 app.get('/dashboard', dashboard.getHome);        // works
 app.get('/dashboard/home', dashboard.getHome);   // won't work

致：

Express对订单很敏感。

对不起，我的问题可能不清楚。我已经用更多的细节编辑了我的问题。我实际上面临的问题是我无法拥有超过1级的路由，就像我只能使用“localhost:3000/dashboard”而不是“localhost:3000/dashboard/tasks/42”访问路由一样。我无法访问比“localhost:3000/dashboard”更深的目录。@danzeeee但是您是否尝试过更改元素的顺序，以便将父目录设置在子目录之后？

 app.get('/dashboard', dashboard.getHome);        // works
 app.get('/dashboard/home', dashboard.getHome);   // won't work

   app.get('/dashboard/home', dashboard.getHome);   // won't work
   app.get('/dashboard', dashboard.getHome);        // works