vue-cli打包

我搭建项目是用vue-cli，在我们项目上线打包时遇到了问题。

简单说一下问题，我们有pc端已经上线，要打包的是移动端，移动端要和pc端用一个域名不过移动端的地址是在pc端的基础上加/mobile，移动端打包之后要放在一个mobile的文件夹下，(以下是我根据自己的项目的设置)如图：

用npm run build 打包后所有的路径都会打包为/static/......，但是我们index.html的路径是/mobile/static......（打包出来手动改一下是可以），但是页面中的背景图路径/static/......的路径是不对的，找不到图片，只能把背景图路径变为相对路径。

 1、在config文件夹下的index.js中找到assetsPublicPath，改为'./'

assetsPublicPath: './',

 

2、 在build文件夹下的untils.js中添加publicPath（如图）

 3、在build文件夹下的webpack.prod.conf.js中添加publicPath​​​​​​​（如图）

 

 4、运行npm run build   

over