javascript - โฟลเดอร์การกำหนดเส้นทาง NodeJs กับ Angular 2 rc.5

ฉันกำลังทำงานในโครงการ NodeJs + Angular 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 ให้ทำงาน แต่มีวิธีใดบ้างที่จะเข้าถึง URL แบบคงที่ที่ฉันระบุใน NodeJs โดยตรงได้หรือไม่?

ฉันจะเจอข้อผิดพลาดถ้าฉันต้องการเข้าถึงมากกว่า 1 ระดับ เช่น:

/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

แดชบอร์ด/ดัชนี.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>

มันจะไม่ทำงานหากใช้ URL นี้แม้ว่าฉันจะได้ตั้งค่าเส้นทางด้านล่างใน app.js:

localhost:3000/dashboard/home

มันจะส่งค่าความผิดพลาดด้านล่าง

ข้อผิดพลาด :

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)

คำตอบ #1

เปลี่ยนลำดับขององค์ประกอบ:

 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

Express จะไวต่อคำสั่ง