用node创建的http服务，打不开webpack打包的项目

Question

我用vue-cli脚手架开发了一个前端项目，npm run build后想用node.js建一个http服务器查看项目,但是提示前端js代码出错。npm run build没有出错

server.js 代码

let http = require('http')
let fs = require('fs')
let server = http.createServer()
server.on('request', (req, res) => {
  res.setHeader('Content-Type', 'text/html;charset=utf-8')
  fs.readFile('./index.html', (err, data) => {
    res.end(data)
  })
})

server.listen(8082, () => console.log('listening'))

火狐浏览器截图