如何使用JavaScript实现Chrome页面硬刷新，效果等同首次访问URL

HttpOnly 类型的Cookie是浏览器层面的安全设计，禁止前端JavaScript直接读写，因此不存在纯JS指令可以直接修改或删除这类Cookie，这是浏览器防止XSS攻击窃取会话的默认机制，无通用绕过方案。

原有写法无效的原因 #

你尝试的 window.location.reload(true) / location.reload(true) 仅能实现跳过本地缓存加载页面资源，请求发起时仍然会携带当前域名下所有已存在的Cookie（包括HttpOnly会话Cookie），如果服务端识别到请求带了有效的JSESSIONID，就不会生成新的会话Cookie，自然达不到你要的效果。

可行实现方案 #

方案1：配合后端会话销毁接口（效果最接近首次访问） #

让后端提供一个专门的会话销毁接口，接口逻辑为将当前请求携带的JSESSIONID对应会话作废，同时在响应头中将JSESSIONID Cookie设置为已过期。前端先调用该接口后再跳转当前地址即可：

fetch('/api/clear-session', {
  method: 'POST',
  credentials: 'include' // 必须配置，请求才会携带当前域名的Cookie
}).then(() => {
  // 跳转当前地址，等价于手动输入URL回车访问
  window.location.assign(window.location.href);
})

方案2：无后端配合的降级方案 #

如果无法修改后端接口，可以给当前URL添加唯一随机参数，强制触发服务端处理全新请求，部分场景下可实现服务端重新下发会话Cookie：

const freshUrl = new URL(window.location.href);
// 添加时间戳参数，保证请求URL唯一，不会命中本地缓存
freshUrl.searchParams.set('_fresh', Date.now());
window.location.assign(freshUrl.toString());

内容的提问来源于stack exchange，提问作者lemont80