vue-cli打包之后，如何用express搭建一个服务器运行dist文件中的文件

Question

1、vue-cli项目运行npm run build之后生成dist文件
2、直接打开index.html路径引用会发生问题，提示我需要放在服务器中打开
3、尝试用express搭建一个服务器

服务器代码

var express = require('express')
var app = express()
app.use(express.static("./static"));
app.get('/',function(req, res) {
    res.sendfile("./index.html");
})
app.listen(3000)

报错信息

4.现在我的疑问是虽然设置了静态服务器，但是用npm run build之后文件的引用的路径会多出一个static。
http://localhost:3000/static/css/app.49e9885b54352f5af5deddbd6e5969f5.css
所以会报404,

5.想知道express中如何处理这个问题

Answer 1

app.use(express.static("./dist/static"));
这样才对吧

Answer 2

build前把config/index.js中的
assetsPublicPath: '/'->assetsPublicPath: './'

Answer 3

打包是要先配置好你的静态资源目录。
assetsPublicPath
参考这里webpack打包后的静态资源问题

Answer 4

我是这么放就好了。。你问的是这个吗