记录:
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项目开发记录
标签:vue,run,服务器端,url,404,build,打包,图片 From: https://www.cnblogs.com/yumeixin/p/15464407.html