如何在express的web服务器中放置前端项目呢?
或者说express如何挂载前端打包后的dist目录?
三个步骤:
①导入path
const path = require('path');
②静态托管当前目录
app.use(express.static(path.join(__dirname, 'dist')));
目的是访问到dist目录
dist为前端打包后的目录
这里一个关键的点是,使用path.join()
可以确保在不同的操作系统上都能正确地拼接路径。例如,在Windows上,路径可能会使用反斜杠(\)
,而在Unix-like系统(如Linux、macOS)上,路径会使用正斜杠(/)
③访问根目录时返回index.html
app.get('/', function (req, res) {res.sendFile(path.join(__dirname + '/dist/index.html'));
});
访问时拼接路径,使其指向index.html