javascript - Expressjs 静态文件不起作用

Question

我的 Controller

exports.index = function(req, res){
    var info = {title: 'Index'};
    res.render('index' , info);
};

exports.about = function(req, res){
    var info = {title: 'about'};
    res.render('about' , info);
};

exports.post = function(req, res){
    var info = {title: 'Post'};
    res.render('post' , info);
};

我的路线。

var controller = require('../controllers/controller');
var router = require('express').Router();

router.route('/').get(controller.index)
router.route('/posts/:slug').get(controller.post)
router.route('/about').get(controller.about);

module.exports = router;

Server.js

var express = require('express');
var bodyParser = require('body-parser');
var exphbs = require('express-handlebars');
var router = require(__dirname + '/routes/router');

var app = express();

app.set('views', __dirname + '/views');

app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');

app.use(bodyParser.urlencoded({
  extended: true
}));

app.use(bodyParser.json());

var port = process.env.PORT || 8090;

app.use('/', router);

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

app.listen(port);

问题

当我访问 http://localhost:8090/ 或 http://localhost:8090/about 时，我的静态文件就可以工作了。

但是，如果我访问任何帖子，例如http://localhost:8090/posts/lorem-ipsum，我会在浏览器控制台中收到GET error。 (尝试从路径http://localhost:8090/posts/css/style.css服务器文件)

Answer 1

你必须先提供静态文件，然后提供路由，只需像这样切换线路:

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