發現問題:緩存
之前react的圖片,也在style里面,也無所謂。
剛做了一個輸入框,change的時候改變圖片,每次都刷新圖片,關鍵是沒緩存,這哪受得了
之前用的:
網上搜索各種插件,替換什么的,都不好使。
最后的解決方案:
- 將css文件,放到 public下,然后就變成公共資源,也不參與打包,也就不會報錯了。
- 將index.html中加入
<link rel="stylesheet" href="./assets/css/searchList.css" />
- class的全局屬性就能用了,解決了圖片的相對路徑的問題。
backgroundImage: "url('./assets/images/searchBottomBg" + bgNum + ".jpg')",
.searchListBg1 {
background-image: url('../images/searchBottomBg1.jpg');
}