Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在nodejs/express中应用静态文件夹_Css_Node.js_Express_Routes - Fatal编程技术网

Css 在nodejs/express中应用静态文件夹

Css 在nodejs/express中应用静态文件夹,css,node.js,express,routes,Css,Node.js,Express,Routes,我很难让CSS和JS在我的nodejs项目的路由中应用。 我试过以下几行: app.use(express.static(__dirname + '/public')); app.use(express.static(__dirname, '/public')); app.use('/static', express.static(__dirname, '/public)); 我忘记做什么了吗?我的客户端控制台说:拒绝应用来自http://localhost:3000/users/css/st

我很难让CSS和JS在我的nodejs项目的路由中应用。 我试过以下几行:

app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname, '/public'));
app.use('/static', express.static(__dirname, '/public));
我忘记做什么了吗?我的客户端控制台说:拒绝应用来自http://localhost:3000/users/css/styles.css'但是,我的CSS文件不在用户文件夹中。它位于名为“public”的文件夹中,与我的“server.js”文件位于同一目录中

const express = require('express');

const port = 3000;
const app = express();

app.set('view engine', 'pug');
app.use(express.static('public'));

app.get('/', (req, res) => {
    res.render('pages/home');
});

// This code works, but I want to apply different routing
app.get('/register', (req, res) => {
    res.render('pages/register');
});

// This code will render the page, however CSS and JS files don't apply
app.get('/users/register', (req, res) => {
    res.render('pages/register');
});

app.listen(port, () => {
    console.log('Server is currently running on port ' + port);
});

@Vince通过
/css/styles.css
更改
css/styles.css

找到了答案。这可能会帮助您@crg谢谢!那有帮助!实际上,我只需要在css链接的开头添加一个正斜杠。我最初有css/styles.css。它必须在哪里/css/styles.css。