博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli构建的vue项目打包后css引入的背景图路径不对的问题
阅读量:6863 次
发布时间:2019-06-26

本文共 289 字,大约阅读时间需要 1 分钟。

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

  

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

  

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

publicPath:'../../'

  如下图:

    

这样就解决这个问题。

转载于:https://www.cnblogs.com/aidixie/p/10102169.html

你可能感兴趣的文章
多域名THINKPHP利用MEMCACHE方式共享SESSION数据(转)
查看>>
C#基础 for 穷举、迭代
查看>>
2018.3.17 模拟赛——(2)删数
查看>>
视图层
查看>>
Django跨域解决方法
查看>>
LeetCode题目分类
查看>>
为什么拷贝构造函数的参数是一个引用,可以不是引用吗
查看>>
Mysql之复制服务
查看>>
shell命令xargs解析
查看>>
我的vim配置
查看>>
银行家算法------------------狄泰软件学院
查看>>
归并排序
查看>>
译 - Cassandra 数据建模的基本规则
查看>>
Maven整理笔记の初步窥探
查看>>
dpdk基础模块之rte_ring
查看>>
冒泡排序
查看>>
Mysql字段合并
查看>>
五笔反查工具
查看>>
python 类的继承
查看>>
python 爬取<a>标签内href的方法及遇到的问题
查看>>