vue项目webpack打包部署到服务器
2019-02-16 本文已影响244人
程序猿阿峰
最近开发的项目遇到，记录下啦。
1.修改config文件夹下的index.js文件
image.png
2.修改
build 文件夹下的 webpack.prod.conf.js 文件
image.png
添加红框部分
image.png
3.修改
build 文件夹下的 utils.js 文件
image.png
↑ 上面的可以解决静态文件
404的bug ↑
↓ 下面可以解决部署到服务器上访问空白的bug
4.修改路由
修改这个可以解决部署到服务器上后打开页面空白的bug，我就是被这个搞了我一早上，打包的时候一定要将mode 改为 hash 模式
image.png
5.npm run build
会生成一个
dist文件夹，里面有个static文件夹和index.html文件
image.png
然后呢就是交给后台大佬部署到服务器啦。
再然后就可以在公网上访问啦。
