vue实现token的无感刷新
文章目录
-
- 第一步：设置 Axios 实例
- 第二步：添加响应拦截器
- 第三步：用户登录与登出
- 第四步：使用 Axios 实例
在现代的单页应用 (SPA) 中，用户认证是一个至关重要的部分。为了保护用户的信息安全，通常会使用 JWT（JSON Web Token）进行身份验证。然而，Token 通常有一定的有效期，在有效期到期后，用户需要重新登录以获取新 Token，这可能会影响用户体验。为了解决这个问题，我们可以实现 Token 的无感刷新机制，允许用户在不知觉中自动更新 Token。
第一步：设置 Axios 实例
我们将使用Axios 创建一个实例，并设置请求和响应拦截器。确保你已经安装了Axios：
npm install axios
然后创建一个 axiosInstance.js文件：
import axios