当前位置:Gxlcms > JavaScript > Vue打包之后文件路径出错如何处理

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

时间:2021-07-01 10:21:17 帮助过:5人阅读

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

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

1、文件路径不对

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

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

2、背景图片路径不对

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

加入红框内字段即可。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

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

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

以上就是Vue打包之后文件路径出错如何处理的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行