vue打包问题

新建项目build之后会出现引用js css文件路径错误
解决方案  修改 config/index.js

 

vue/cli 中assets和static存放的静态文件区别 
assets会被当做模块引入 即require("")或者是import的形式 会被编译 即是相对路径的 
html、css中
./../assets/home/bg.png
static的文件不会被编译 直接copy到dist/static文件下面  一般用来存放第三方插件 用绝对路径
html、css中
../../static/home/bg.png

这时候build之后你会发现图片路径发生错误了
解决方案   build->utils.js,在里面加入一句publicPath:'../../',

 

 

 

如果路由采用的是history模式 打包后发布线上会出现白屏  默认hash模式不会影响
解决方案 如下
base的路径是你项目的目录 即你打包后dist里面的文件放在的目录下面


测试环境的路径
没加base的时候：http://localhost:8080/index
加了base的时候：http://localhost:8080/dingdongAppDown/index