首页 > Web开发 > 详细

vue-cli构建的vue项目打包后css引入的背景图路径不对的问题

时间:2018-12-11 15:19:56      阅读:163      评论:0      收藏:0      [点我收藏+]

使用vue-cli构建vue项目后,再打包遇到一个css引入的背景图片路径的问题,就是css代码中背景图片是根据相对路径来写的,如下图:

  技术分享图片

当使用npm run dev命令本地访问的时候,背景图片是正常显示的,可使用npm run build命令打包后,访问dist目录下的项目,页面背景图路径就不对了

  技术分享图片

解决方法:只需要在build/utils.js文件中添加如下一行代码即可。

publicPath:../../

  如下图:

    技术分享图片

这样就解决这个问题。

vue-cli构建的vue项目打包后css引入的背景图路径不对的问题

原文:https://www.cnblogs.com/aidixie/p/10102169.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!