每次更新代码时都要硬刷新页面

是因为浏览器会缓存网页的静态资源，如CSS、JavaScript和图片等，以提高页面加载速度。然而，这也会导致更新的代码无法立即生效，因为浏览器仍然使用缓存的旧版本。为了解决这个问题，我们可以采取以下几种方法：

1. 强制刷新：按下Ctrl + F5（Windows）或Command + Shift + R（Mac）组合键，可以强制浏览器忽略缓存并重新加载页面。
2. 禁用缓存：在开发过程中，我们可以通过在浏览器的开发者工具中打开"Disable cache"选项来禁用缓存。在Chrome浏览器中，可以通过右键点击页面，选择"Inspect"，然后在开发者工具的Network选项卡中勾选"Disable cache"来实现。
3. 添加版本号或时间戳：在代码引用的静态资源URL中添加一个版本号或时间戳参数，这样每次更新代码时，URL都会发生改变，从而强制浏览器重新下载资源。例如，将<script src="script.js"></script>修改为<script src="script.js?v=1.0"></script>或<script src="script.js?timestamp=1627400000000"></script>。
4. 设置响应头：在服务器端设置正确的响应头可以控制浏览器的缓存行为。可以通过在HTTP响应头中添加Cache-Control: no-cache, no-store, must-revalidate来禁用缓存，或者添加Cache-Control: max-age=0来指定缓存有效期为0秒。

总结起来，每次更新代码时都要硬刷新页面可以通过强制刷新、禁用缓存、添加版本号或时间戳以及设置响应头等方法来实现。这样可以确保用户在访问网页时能够看到最新的代码更新。在腾讯云产品中，可以借助腾讯云CDN（内容分发网络）来实现静态资源的缓存和加速，具体详情请参考腾讯云CDN产品介绍：腾讯云CDN。