vue获取响应头上的Set-Cookie
时间: 2024-01-25 07:45:05 浏览: 31
在 Vue 中,可以使用 axios 库来发送网络请求。对于获取响应头上的 Set-Cookie,可以在 axios 的响应拦截器中进行处理。
例如:
```javascript
import axios from 'axios';
// 创建 axios 实例
const instance = axios.create({
baseURL: 'http://example.com',
timeout: 10000,
});
// 添加响应拦截器
instance.interceptors.response.use(
response => {
// 获取响应头上的 Set-Cookie
const setCookie = response.headers['set-cookie'];
// 将 Set-Cookie 存储到本地
localStorage.setItem('cookie', setCookie);
return response;
},
error => {
return Promise.reject(error);
}
);
// 发送网络请求
instance.get('/api/user').then(response => {
// 处理响应数据
}).catch(error => {
// 处理错误信息
});
```
在上面的代码中,我们创建了一个 axios 实例,并在响应拦截器中获取了响应头上的 Set-Cookie,并将其存储到本地。在发送网络请求时,使用该 axios 实例即可。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)