vue3获取请求头set-cookie的值

可以使用axios拦截器获取请求头set-cookie的值，具体代码如下：

import axios from 'axios'

axios.interceptors.response.use(
  response => {
    const setCookie = response.headers['set-cookie']
    // 处理set-cookie的值
    return response
  },
  error => {
    return Promise.reject(error)
  }
)

在拦截器中，我们可以通过response.headers获取到响应头，然后通过['set-cookie']获取到set-cookie的值。接下来就可以对set-cookie的值进行处理了。

相关问题

vue 获取响应头里set-cookie的值

可以通过在axios请求中设置`withCredentials: true`来获取响应头里的set-cookie值，具体代码如下：

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 的响应拦截器中进行处理。

例如：

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 实例即可。