在路由路径中搜索公用文件夹答案

【问题标题】：Searching for public folder in routes path在路由路径中搜索公用文件夹
【发布时间】：2017-09-02 10:24:04
【问题描述】：

每当访问除根以外的其他路由时，express 都无法找到包含所有样式表和 javascript 文件的公共文件夹，而是在路由路径中搜索资产。任何帮助将不胜感激。

错误当访问 http://localhost:3000/users/login/ 给 -

GET /users/login/stylesheets/bootstrap.css 404 14.872 ms - 10418
获取 /users/login/stylesheets/style.css 404 7.134 毫秒 - 10418
获取 /users/login/javascripts/bootstrap.js 404 57.890 毫秒 - 10418
获取 /users/login/javascripts/bootstrap.js 404 5.326 毫秒 - 10418

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 app = express();

// extra modules
var hbs = require('hbs');
var defaultLogger = require('express-logger');

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

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
app.set('view options', {layout: './layouts/application'});
hbs.registerPartials(__dirname + '/views/layouts/partials');

app.use(express.static(path.join(__dirname, 'public')));
app.use(defaultLogger({path: "log/development.log"})); //logger
app.use(favicon(path.join(__dirname, 'public', 'bulb.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());

app.use('/', index);
app.use('/users', users);

// 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 handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

uses.js

var express = require('express');
var router = express.Router();
var userService = require('../services/users')

/* GET users listing. */
router.get('/', function(req, res, next) {
  userService.all(function(users){
    res.render('users/dummy')
  })
});

// GET login form
router.get('/login', function(req, res, next){
  res.render('users/login', {title: 'Login'});
});

module.exports = router;

【问题讨论】：

能否提供加载样式和脚本的 HTML 部分？

标签： node.js express

【解决方案1】：

需要js和css文件/javascripts/bootstrap.js和/stylesheets/bootstrap.css时使用绝对路径

【讨论】：

谢谢，这只是问题

【解决方案2】：

我猜你的路径现在是这种格式： <link href="stylesheets/bootstrap.css">

您应该始终在路径的开头包含/。这将帮助您加载正确的路径。 <link href="/stylesheets/bootstrap.css">

【讨论】：

谢谢，这只是问题