网页的CSS和JavaScript文件没有自动更新, 解决办法

项目场景：

无人值守的场馆预定以及管理

---

问题描述

更新了CSS和JavaScript，访问始终样式不对

---

原因分析：

浏览器缓存了你的CSS和JavaScript文件

浏览器缓存了你的CSS和JavaScript文件。当文件的修改时间戳（last-modified）没有改变时，浏览器会认为它们是最新的，从而不会重新加载，如果修改了css和js都可能不自动加载，导致代码没有生效。

---

解决方案：

1、手动强制刷新  

2、代码设置，自动刷新

1. 清除浏览器缓存：刷新页面并尝试清除浏览器缓存。在大多数浏览器中，可以在开发者工具中找到清除缓存的选项。

2. 强制刷新页面：可以使用快捷键 Ctrl + F5（在Windows上）或 Cmd + Shift + R（在Mac上）强制刷新页面，这样可以确保浏览器不使用缓存的文件。

3. 修改文件名：如果缓存问题仍然存在，可以通过修改CSS和JavaScript文件的名称来强制浏览器获取新的文件。例如，可以在文件名后加上版本号或时间戳。

4. 设置HTTP头信息：可以通过设置HTTP头信息来控制浏览器缓存。在你的Web服务器配置中，可以设置Cache-Control 和 Expires 头部，指示浏览器如何缓存文件。

5. 添加版本号：在引用CSS和JavaScript文件的URL后面加上查询字符串，例如?v=20230328，其中的数字或hash可以是文件的版本号或文件内容的hash。每次更新文件时，只需更改这个查询字符串的值，一般由低往高修改。

最终解决方案是添加版本号

<link rel = "stylesheet" href = "style.css?version=1.01"/>

<script type='text/javascript' src='../XXX.js?v=1.01'></script>