vue npm run build 打包发布到线上,图片路径取不到

只需要更改三处

1.config文件---index.js---build里  更改为  assetsPublicPath: '/',

vue  npm run build  打包发布到线上,图片路径取不到

 

 2. build文件内webpack.prod.conf.js,在output:增加 publicPath: './', 

vue  npm run build  打包发布到线上,图片路径取不到

 

 

 3.build文件内---utils.js, 增加 publicPath:'../../',

vue  npm run build  打包发布到线上,图片路径取不到

 

更改3处,就可以了,注意,项目内的图片引用路径不必更改,和原来正常写,即可

上一篇:Vue: 解决打包后element-ui图标字体不显示的问题


下一篇:JVM的使用案例方法解析使用时间