一、相关情况描述
- 在
Vue-cli 2.x的项目里 - 因为只有一个页面，没有使用
vue-router - 在
App.main里引入了其他封装过的子组件 - 父组件引入的图片没有问题，子组件引入的问题会报错
404
二、解决方法
- 打开
/config/index.js
搜索到build: {}，修改assets打包后的路径为相对地址：
module.exports = {
dev: ......
build: {
....
// path
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './'
}
}
2.找到/build/utils.js
搜索到ExtractTextPlugin.extract, 将公共路径改为上两级
...
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader,
publicPath: '../../'
})
网友评论