如何将我的快递服务器链接到生成的'dist'目录？

Question

我收到这个错误，"TypeError：路径必须是绝对路径或指定res.sendFile的根路径">

root
-dist
|--index.html
|--index_bundle.js

-src
|-server
|-server.js

//server.js
var path = require('path')
const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')
const app = express()
let dataStorage = {};
app.use(cors())
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({
extended: true
}))
app.use(express.static('dist'))
app.listen(8081, function(){
console.log('Server running on port 8081!')
})
app.get('/', function (req, res) {
res.sendFile('../dist/index.html')    //need help setting this up
})

app.post('/formHandler', function(req, res){
//post to dataStorage here
})

我正在尝试运行一个express服务器，同时也使用webpack-dev服务器进行热重新加载
我在设置生成的"dist"文件的路径时遇到问题。

我可以在没有express的情况下运行webpack开发服务器，然后文件就可以工作了。

谢谢

Answer 1

您可以通过将it的内容作为express static来访问它。

const path = require('path');
app.use(express.static(path.resolve(__dirname, '../../dist'));

您还可以定义静态资产可以访问的路径，如

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

在您的dist文件夹中，已经有一个index.html文件，当访问浏览器中的/路径时，默认情况下会呈现该文件。无需在请求URL中指定index.html文件