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