vue2 登录读取响应头Set-Cookie 做一个登录过期 示例代码
时间: 2024-04-16 13:27:57 浏览: 12
当然!以下是一个简单示例的代码,演示了如何在Vue2中读取响应头中的`Set-Cookie`字段,并处理登录过期的情况。
```vue
// 在某个请求拦截器中
axios.interceptors.request.use(
function(config) {
// 读取本地存储的会话标识信息
const sessionToken = localStorage.getItem('sessionToken');
if (sessionToken) {
// 将会话标识信息添加到请求头中
config.headers['Authorization'] = sessionToken;
}
return config;
},
function(error) {
return Promise.reject(error);
}
);
// 在某个响应拦截器中
axios.interceptors.response.use(
function(response) {
// 检查响应头中的Set-Cookie字段
const cookies = response.headers['set-cookie'];
if (!cookies || cookies.length === 0) {
// 没有有效的标识信息,说明登录已过期,执行相应操作
// 清空本地存储的会话标识信息
localStorage.removeItem('sessionToken');
// 跳转到登录页面或者弹出提示框等
// ...
}
return response;
},
function(error) {
return Promise.reject(error);
}
);
```
在以上示例中,我们使用了`axios`作为HTTP请求库,并通过拦截器对请求和响应进行处理。在请求拦截器中,我们读取本地存储的会话标识信息(假设存储在`localStorage`中),并将其添加到请求头中的`Authorization`字段。在响应拦截器中,我们检查响应头中的`Set-Cookie`字段,如果为空或不包含有效的标识信息,说明登录已过期,我们执行相应的操作,比如清空本地存储的会话标识信息,并进行跳转或提示。
请注意,以上代码只是一个示例,具体的实现方式可能因您的应用程序架构和需求而有所不同。您可以根据自己的实际情况进行修改和调整。希望对您有所帮助!如有任何疑问,请随时提问。