node.js - Express - 无法提供静态文件(404 错误)

Question

我遇到了很多这样的问题，但看起来我没有做错什么。问题是我无法加载静态文件。

文件夹结构:

/client
    index.html
    /assets
        /css
            main.css
/server
    app.js

app.js:

var assetsPath = path.join(__dirname, '../client/assets');
app.use(express.static('assetsPath'));

app.get('/', function (req, res) {
    res.sendFile(path.join(__dirname, '../client/' + 'index.html'));
});

app.listen(PORT, function () {
    console.log('\nListening on port 8080!');
});

index.html

<link rel="stylesheet" href="/css/main.css">

然而，当在浏览器中加载页面时，我在 http://localhost:8080/css/main.css 上收到 404

有什么遗漏吗？

谢谢!

PS:使用express ^4.13.4和 Node v5.10.1

Answer 1

您的express.static()函数中有一个拼写错误。

var assetsPath = path.join(__dirname, '../client/assets');
app.use(express.static('assetsPath'));

应该是

var assetsPath = path.join(__dirname, '../client/assets');
app.use(express.static(assetsPath));