Vue打包之后文件路径出错如何处理

这次给大家带来Vue打包之后文件路径出错如何处理，Vue打包之后文件路径出错处理的注意事项有哪些，下面就是实战案例，一起来看一下。

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

1、文件路径不对

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

看清楚是 build（上边还有个dev 是开发环境下的配置，不需要改动）下的 assetsPublicPath ：将‘/'改为‘./'

2、背景图片路径不对

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

加入红框内字段即可。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

vue+webpack打包路径有哪些问题

怎样让cookie自动获取和过期自动更新

以上是Vue打包之后文件路径出错如何处理的详细内容。更多信息请关注PHP中文网其他相关文章！