首页 > Web开发 > 详细

react中css里面 class中的 图片的相对地址 完美解决 backgroundImage

时间:2021-06-09 18:07:06      阅读:28      评论:0      收藏:0      [点我收藏+]

发现问题:缓存

之前react的图片,也在style里面,也无所谓。
刚做了一个输入框,change的时候改变图片,每次都刷新图片,关键是没缓存,这哪受得了
之前用的:
技术分享图片
网上搜索各种插件,替换什么的,都不好使。

最后的解决方案:

  1. 将css文件,放到 public下,然后就变成公共资源,也不参与打包,也就不会报错了。
  2. 将index.html中加入 <link rel="stylesheet" href="./assets/css/searchList.css" />
  3. class的全局属性就能用了,解决了图片的相对路径的问题。
    技术分享图片
backgroundImage: "url(‘./assets/images/searchBottomBg" + bgNum + ".jpg‘)",
.searchListBg1 {
  background-image: url(‘../images/searchBottomBg1.jpg‘);
}

react中css里面 class中的 图片的相对地址 完美解决 backgroundImage

原文:https://www.cnblogs.com/pengchenggang/p/14866876.html

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