我搭建项目是用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