vue打包上线后路径报错问题

vue-cli 打包配置

1、配置项目引用文件问相对路径；
2、引用js文件路径错误；
3、图片路径错误；
4、背景图片路径错误；

解决以上问题，需修改三个地方：

1、config/index.js（大约46行）

build: {
    assetsPublicPath: './' // 修改为相对路径
}

2、build/utils.js（大约51行）

if(options.extract){
    return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../' // 此处解决css中背景图片路径报错
    })
}

3、build/webpack.prod.conf.js（大约25行）

output: {
    publicPath: './', // 添加这一行配置
}

此方法亲测有效