HTML无法直接登出所有设备，只能通过fetch向后端发送POST请求调用/logout-all接口，需携带凭证和CSRF token，并在登出后跳转登录页或监听storage事件同步其他标签页状态。
HTML里不能直接实现登出所有设备
HTML 是纯静态标记语言，没有能力主动调用后端接口、清除服务器会话或通知其他设备。所谓“登出所有设备”，本质是后端行为：需要向服务端发送请求，让服务器作废当前用户的所有活跃 session（比如 JWT 黑名单、Redis 中的 token 记录、数据库里的 session 表条目等）。HTML 页面能做的，只是提供一个触发这个动作的按钮或链接。
fetch 发起登出所有设备的 POST 请求
最常见做法是在页面中放一个按钮，点击后用 fetch 调用后端提供的全局登出接口（如 /api/auth/logout-all）。注意必须是 POST（不能 GET），且通常需携带认证凭证（如 Authorization header 或 cookie）。
常见错误现象：
- 用
<a href="/logout-all">登出所有设备</a>—— 这只会发 GET，多数后端拒绝处理，或被 CSRF 防御拦截 - 没带身份凭证，返回
401 Unauthorized或403 Forbidden - 没处理响应结果，用户点了没反馈，以为没生效
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 使用
fetch('/api/auth/logout-all', { method: 'POST', credentials: 'include' })，credentials: 'include'确保 cookie（如 session ID）随请求发出 - 后端接口必须明确支持“登出全部”，不能只清当前请求的 session
- 登出成功后，前端应跳转到登录页或清空本地敏感状态（如移除
localStorage中的token）
简短示例：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
document.getElementById('logout-all').addEventListener('click', async () => {
await fetch('/api/auth/logout-all', {
method: 'POST',
credentials: 'include'
});
location.href = '/login';
});
CSRF 保护下怎么安全提交登出请求
如果后端启用了 CSRF 保护（比如 Django、Spring Security 默认开启），单纯 fetch POST 会被拒绝，报错类似 403 Forbidden: CSRF token missing or incorrect。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在 HTML 页面渲染时，后端把 CSRF token 注入到某个可读位置，例如：
<meta name="csrf-token" content="abc123"> - JS 中读取它：
document.querySelector('meta[name="csrf-token"]').getAttribute('content') - 将 token 放进请求 header：
headers: { 'X-CSRF-Token': token }，或作为 body 字段（取决于后端约定） - 别把 token 存在
localStorage或 URL 里——容易被 XSS 窃取
登出所有设备后，其他标签页怎么同步失效
用户可能在多个浏览器标签页登录同一账号。你在 A 标签页登出所有设备，B 标签页仍显示“已登录”，点操作才报错。这不是 HTML 能解决的，但可以靠轻量机制提示。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 登出成功后，在当前页执行
localStorage.setItem('logout-at', Date.now().toString()) - 其他标签页用
storage事件监听：window.addEventListener('storage', e => { if (e.key === 'logout-at') location.reload(); }) - 更稳妥的做法是定期（如每 30 秒）用
fetch('/api/auth/status')检查会话有效性，发现401就自动跳登录页 - 注意：不要依赖
beforeunload或visibilitychange来“主动登出”——用户关掉页面不等于登出，且这些事件不可靠
