EJS CSS未加载前端

Question

因此，我为.css文件设置了中间件和静态文件夹，但是当我尝试使用它并将其加载到EJS文件中时，我在chrome调试器中收到一条错误消息，说在“网络”下已被取消。 / p>

app.js

std

header.ejs

// view engine
exapp.set('view engine', 'ejs');
exapp.set('views', path.join(__dirname, 'views'));
console.log('Static location: ' + path.join(__dirname, 'views'));

// body parser 
exapp.use(bodyParser.json());
exapp.use(bodyParser.urlencoded({extended: false}));

// set static path
exapp.use(express.static(path.join(__dirname, 'public')));
console.log('Static location: ' + path.join(__dirname, 'public'));
exapp.use(express.static(path.join(__dirname, 'public/css')));
console.log('Static location: ' + path.join(__dirname, 'public/css'));

// get requests
exapp.get('/', function(request, response){
    response.render('index');
})

exapp.get('/about', function(request, response){
    response.render('about');
})

我在chrome调试程序中发现的图片

Answer 1

修正

出于某些未知原因，我需要将'/ public / css'作为第一个参数添加到use()函数

原始

exapp.use(express.static(path.join(__dirname, 'public/css')));

固定

exapp.use('/public/css', express.static(path.join(__dirname, 'public/css')));

希望这对其他人有帮助：）