解决Vue打包之后文件路径出错的问题

这里以vue-cli创建的项目为例

1、文件路径不对

找到config文件夹下的index.js文件修改一下位置

看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/'改为‘./'

2、背景图片路径不对

在css中写的background-img的路径出错 需要找到build文件夹下的utils.js,修改一下位置

加入红框内字段即可。

以上这篇解决Vue打包之后文件路径出错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持智伍应用。

您可能感兴趣的文章:

  • 关于Vue背景图打包之后访问路径错误问题的解决
  • vue-cli中打包图片路径错误的解决方法
  • 关于vue.js发布后路径引用的问题解决
  • Vue打包后出现一些map文件的解决方法
  • vue-cli webpack模板项目搭建及打包时路径问题的解决方法