Cada vez que se visita una ruta diferente a la raíz, express no puede encontrar la carpeta pública que contiene todas las hojas de estilo y los archivos javascript, sino que busca los activos dentro de la ruta de la ruta. Cualquier ayuda sería apreciada.
error al visitar http://localhost:3000/users/login/ da -
GET /users/login/stylesheets/bootstrap.css 404 14.872 ms - 10418
GET /users/login/stylesheets/style.css 404 7.134 ms - 10418
OBTENER /usuarios/login/javascripts/bootstrap.js 404 57.890 ms - 10418
OBTENER /usuarios/login/javascripts/bootstrap.js 404 5.326 ms - 10418
aplicación.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;usos.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;Supongo que tu camino ahora en este formato: <link href="stylesheets/bootstrap.css">
Siempre debe contener / al comienzo de la ruta. Esto le ayudará a cargar la ruta correcta. <link href="/stylesheets/bootstrap.css">
Use rutas absolutas cuando requiera archivos js y css /javascripts/bootstrap.js y /stylesheets/bootstrap.css