浏览器本地缓存问题

问题

对于静态文件，浏览器默认会进行客户端缓存，这会导致明明修改了js源文件，浏览器中却无效果。解决方案如下

加meta标记

在开发环境下，在html的head标签中加入下面内容；但在正式部署时，应去掉

<!DOCTYPE html>
<html>
<head>
  <title>Parcel Sandbox</title>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/styles.css" />
</head>
<body>
  <h1>Hello world</h1>
</body>
</html>

强制刷新

以Chrome为例：

Ctrl+F5 / Ctrl+Shift+R ：不加载缓存并刷新当前页面
Ctrl+shift+Del：清空浏览数据设置的快捷键，清除浏览器历史数据、cookie、缓存等，范围更广

扩展阅读

https://zhuanlan.zhihu.com/p/83091549
https://zhuanlan.zhihu.com/p/658832260
Web服务器端的缓存设置 https://blog.csdn.net/qq_31837621/article/details/96300943