处理浏览器CACHE住CSS/JS/图片资讯的方式

有时候已经调整完程式的CSS/JS档，或是置换了新的图片上去，
在自己本机环境测试也都OK了，
但将程式更新到客户的主机后，却会遇到客户反映档案未更新的问题，
这是因为浏览器将这些档案CHCHE住了，
即便更新后，浏览器仍然使用快取资料，这样会造成一些困扰。
除了请客户清除浏览器快取以外，
可以在档案URL的后方加上参数，让浏览器辨认出档案已有修改，
就会重新向伺服器要求下载新档案，如此一来做完更新后，
客户端就可以即时看到更改后的档案了～

假设原本有在网页中置入一张图片：

<img src="~/test/background.jpg" style="height: 100vh;width: 100vw;" />

现在更新了图档，但档案名称仍为background.jpg时，
只要在图档名称后方加上参数：

<img src="~/test/background.jpg?ver=20221108" style="height: 100vh;width: 100vw;" />

这样就可以防止图片被浏览器CACHE住了，同理CSS/JS档也可以这样操作：

  <link type="text/css" rel="stylesheet" href="testCss.css?ver=20221108">

  <script src="~/test/testJs.js?ver=20221108"></script>