我有一個用于隨機影像的 api ( https://api.daihan.top/api/acg )。我將它用于 css 檔案中的網站背景圖片。我想使用 F5 來重繪 網站以獲得新的背景圖片。
但是，在我的代碼中，使用重繪 它不起作用。使用重繪 它仍然是舊圖片。除非我關閉整個網頁并重新打開它，否則它可以獲得新的背景圖片。
這是我的 css 代碼：
.mask {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
background-image: url('https://api.daihan.top/api/acg');
}
我想使用重繪 來獲得新的背景影像，我該怎么辦。
新更新：我發現在我的計算機本地環境中，我可以使用 refresh o update image。但是當我在github頁面中部署它時，重繪 不起作用。
uj5u.com熱心網友回復：
它可能正在快取 API。您可以添加一個請求引數，在每次重繪 時添加一個亂數，如果您直接在 div 上應用樣式，假設您使用的是 JavaScript。這樣 GitHub 會認為您每次都加載不同的 API 而不是快取。
下面是如何在 ReactJS 中執行此操作的示例。
style={{backgroundImage: `url('https://api.daihan.top/api/acg'?${Math.floor(Math.random() * 1000)})`}}
uj5u.com熱心網友回復：
感謝@Authentic-Science 解決方案，我在 html 頭檔案中的 css 鏈接上添加了一個亂數并確實解決了問題。這是我的新代碼：
<link rel="stylesheet" id="link" href="./source/main.css">
<script type="text/javascript">
document.getElementById("link").href="./source/main.css?random=" Math.random();
</script>
在 Github 頁面中，當我重繪 時，它可以更改背景影像。
PS我沒有改變我的css檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/367772.html
下一篇：如何使邊框位于文本后面？像這樣：