vue run build打包之后服务器端访问图片404

记录：

assetsRoot: path.resolve(__dirname, BUILD_RESOURCES_DIST),//打包后文件存放的路径
assetsSubDirectory: "",//除了index.html之外的静态资源要存放的路径
assetsPublicPath: BUILD_ASSETS_PUBLIC_PATH,//代表打包后，index.html里面引用资源的相对地址

遇到问题是：vue项目build之后，小图片转成了base 64图片展示，大图片url是http://xxx/img...，没有跟上图片的url，导致404错误

解决方案是：webpack.base.conf.js中设置生产环境的目标图片url

{
    test: /\.(png|jpg|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    query: {
        limit: 6000,
        name: utils.assetsPath('img/[name].[ext]?v=[hash:8]'),
        publicPath:process.env.NODE_ENV==="production"?"/目标图片url/":"/" //资源更新外网后可开启走cdn
    }
}

同为kgbg项目开发记录