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');
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM