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

发现问题:缓存

之前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');
}
posted @ 2021-06-09 14:53  彭成刚  阅读(1039)  评论(0编辑  收藏  举报