为什么 Express 通过路由器提供静态文件，但会破坏脚本文件夹的路径？

Question

文件夹结构

app
├── app.js
├── public
│   ├── data
│   │   └── data.json
│   ├── index.html
│   └── js
│       ├── filter-list.js
└── routes
    └── index.js

app.js 正确需要 index.js 路由器

var express = require('express');
var app = express();

app.set('port', process.env.PORT || 3000);
app.use(require('./routes/index'));

var server = app.listen(app.get('port'), function() {
console.log('Listening on port ' + app.get('port'));
});

routes/index.js 找到文件并提供它

var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {

    res.sendFile('/Users/Michael/Desktop/js-list-filter/app/public/');
});

module.exports = router;

public/index.html 指的是 filter-list.js

<script type="text/javascript" src="js/filter-list.js"></script>

问题： 路由器正确地提供了 index.html 文件，但是脚本文件的路径被破坏并不断输出 404 错误。

我使用 res.sendFile() 路由它的原因是因为这只是一个测试项目，用于练习从 MySQL 数据库中提取数据并将其输出到单个页面上，并使用一些脚本来操作该数据。不需要多个页面或视图。

Answer 1

您应该在app.js 文件中添加app.use('/', express.static('public')); 以将公共文件夹设置为静态客户端资产的来源。

Answer 2

这是提供静态文件的一种非常奇怪的方式。你在哪里看到的？

但要回答您的问题，您的应用程序仅提供根路径。我只能想象res.sendFile() 正在扫描您的/public 目录以查找以index 开头的任何内容，因此它将呈现您的index.html。

你真正想要做的，是在你的 app.js 中加入下面这行，一旦所有的手动路由都完成了：

app.use(express.static(path.resolve(__dirname, './public')));