前端框架VUE-CLI打包时文件和图片路径不正确

1

VUE-CLI打包时文件和图片路径不正确

VUE-CLI 阅读:1560 时间:2018年07月12日

VUE-CLI创建项目后,本地npm run dev没问题。npm run build 时却找不到css文件,js文件或是图片资源。修改以下几个配置文件...

VUE-CLI创建项目后,本地npm run dev没问题。npm run build 时却找不到css文件,js文件或是图片资源。修改以下几个配置文件:

  1.   /build/utils.js 约45行,添加  publicPath:'../../'

    此处修改可以解决CSS内的背景图片路径不正确

if (options.extract) {
    return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'  //添加此行
    })
} else {
    return ['vue-style-loader'].concat(loaders)
}

image.png

2. /config/index.js约45行,build配置下的 assetsPublicPath项目,把 "/" 改为 "./"

此处修改可以解决CSS,JS文件路径不正确

assetsPublicPath: './'

image.png

发表评论说说你的看法吧

精品模板蓝瞳原创精品网站模板

^