快遞node.js - 瞭解路由

Question

我有這個about.js路由，它工作正常，但我不明白/在router.get()將如何工作，而​​不會？

var express = require('express'); 
var router = express.Router(); 

router.get('/', function(req, res, next) { 
    res.render('about', { title: 'About' }); 
}); 

module.exports = router; 

----------------- UPDATE ----------------------

這基本上是我安裝express.js 之後，除了關於線以外的東西。

我預計router.get('/about' ...)在about.js會工作，但它會拋出一個錯誤，它與/一起工作，而這正是我的錯誤。

router.get('/about', function(req, res, next) { 
    res.render('about-page', { title: 'About' }); 
}); 

因爲/只會在主頁工作：

如果你想的路線​​工作，那麼你必須創建另一條路線app.js

var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

var routes = require('./routes/index'); 
var users = require('./routes/users'); 
var about = require('./routes/about'); 

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'ejs'); 

// uncomment after placing your favicon in /public 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, 'public'))); 

app.use('/', routes); 
app.use('/users', users); 
app.use('/about', about); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handlers 

// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
    app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
     message: err.message, 
     error: err 
    }); 
    }); 
} 

// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
    message: err.message, 
    error: {} 
    }); 
}); 


module.exports = app; 

Answer 1

問題

當你爲你所做app.use('/about', about);上定義您的app.js的路線。您已經明確表示您希望請求能夠達到http://yourserver/about路線。

如果試圖再次定義​​您about.js內側：

router.get('/', function(req, res, next) { 
    res.render('about', { title: 'About' }); 
}); 

你在做什麼是特利希快遞，你將觸及/約裏你首先聲明/約。因此，這將期待這條航線上的請求：http://yourserver/about/about

解決方案

它實際上你使用的是什麼。定義你的about.js內的根路徑爲：

router.get('/', function(req, res, next) { 
    res.render('about', { title: 'About' }); 
}); 

這樣你的應用程序將是：

• 模塊化，因爲你正在使用不同的文件不同的路線（about.js，用戶.js）
• 更容易閱讀
• 在每個文件中使用更簡單的路由，因爲每次您希望創建新路由時都不需要輸入​​。

如果你希望一個http://yourserver/about/help只需添加你的路線文件約內的處理程序。js as here：

router.get('/help', function(req, res, next) { 
    res.render('help', { title: 'Help' }); 
}); 

Answer 2

。