1、使用vue init webpack-simple构建了项目,目录结构如下图
2、在vue的组件中
<img src="/static/clinicpackage/clinicbanner.jpg" alt="">
引入图片
3、项目部署后,由于项目使放在域名http···.com/static下面,图片的路径就错了,请问怎么解决?
1、使用vue init webpack-simple构建了项目,目录结构如下图
2、在vue的组件中
<img src="/static/clinicpackage/clinicbanner.jpg" alt="">
引入图片
3、项目部署后,由于项目使放在域名http···.com/static下面,图片的路径就错了,请问怎么解决?
assetsPublicPath: './'
utils.js
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
webpack.base.conf
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]'),
outputPath: process.env.NODE_ENV === 'production' ? '../' : ''
}
},
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
assetsPublicPath: './'