js axios怎么获取getResponseHeader('Set-Cookie')
时间: 2023-12-10 21:05:36 浏览: 37
在使用 Axios 发送 HTTP 请求时,可以通过响应对象的 `headers` 属性来获取响应的所有头部信息。如果想要获取 `Set-Cookie` 头部信息,可以使用以下代码:
```javascript
axios.get('/api/some-endpoint')
.then(response => {
const cookies = response.headers['set-cookie'];
console.log(cookies);
})
.catch(error => {
console.error(error);
});
```
在这个示例中,`response.headers` 是一个对象,包含了所有响应头部信息。我们通过访问 `set-cookie` 属性来获取 `Set-Cookie` 头部信息的值。如果响应中有多个 `Set-Cookie` 头部信息,它们会作为一个数组返回。
相关问题
vue 获取响应头里set-cookie的值
可以通过在axios请求中设置`withCredentials: true`来获取响应头里的set-cookie值,具体代码如下:
```javascript
axios.get('/api/getData', {
withCredentials: true
}).then(res => {
console.log(res.headers['set-cookie'])
}).catch(err => {
console.log(err)
})
```
其中,`res.headers['set-cookie']`表示获取响应头里的set-cookie值。需要注意的是,如果后端设置了Access-Control-Allow-Origin为*,则无法获取set-cookie值,需要将其设置为具体的域名。
vue获取响应头上的Set-Cookie
在 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 实例即可。