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

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

clipboard.png

服务器代码

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

报错信息

clipboard.png

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

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

阅读 8.8k
4 个回答

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏