首先打开config/index.js,将assetsPublicPath值改为’./’
注意是build的一对花括号里
assetsPublicPath: '/',
这个在你的build的一对花括号里,用来解决JS,CSS路径问题
然后打开“build/utils.js”
加上
publicPath:'../../',
如下:
return ExtractTextPlugin.extract({
use: loaders,
publicPath:'../../',
fallback: 'vue-style-loader'
})
PS:我没截图 ,复制代码在文件里面 ctrl+f 就找到了
还有就是上线路径问题,本地是localhost,线上路径也得改
在config/index.js中修改
host:"线上地址",
port:“线上端口号”
在proxyTable{}中加入:(我的proxyTable在host上方,你的应该也差不多,反正就在这个文件里面不会跑)
'/api': {
target: 'http://xxxx',//设置你调用的接口域名和端口号 别忘了加http
changeOrigin: true,
pathRewrite: {
'^/api': '/'
//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调
//用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
}
}
然后:
npm run build
打开你的文件目录,就是这个项目的目录,里面生成了一个dist文件,拉出来发给后端上线,一切OK。