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));

Answer 2

express.static接受静态文件的路径，因此可以使用以下代码行进行简化：

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