js获取response cookie

在浏览器中，可以通过XMLHttpRequest对象的getResponseHeader()方法来获取response header中的cookie值。

示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.example.com/api');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var cookie = xhr.getResponseHeader('Set-Cookie');
    console.log(cookie);
  }
};
xhr.send();

其中，'Set-Cookie'是response header中表示cookie的字段名。获取到cookie值后，可以将其保存在本地，以便后续使用。

相关问题

js-cookie获取response.headers的set-cookie

在JavaScript中，可以使用js-cookie库来获取response.headers的set-cookie。js-cookie库提供了一个方便的方法来操作cookie，通过这个库，我们可以轻松地获取和设置cookie。使用这个库的方法如下：

1. 首先，你需要在你的html文件中引入js-cookie库，可以通过以下方式引入：

<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>

2. 接着，在获取response的headers时，可以通过response.headers.get('set-cookie')来获取set-cookie的值。

3. 最后，你可以将获取到的set-cookie值设置为cookie，使用js-cookie库的方法如下：

Cookies.set('cookieName', cookieValue, { expires: cookieExpires, path: cookiePath });

其中，cookieName是cookie的名称，cookieValue是cookie的值，expires是cookie的过期时间，path是cookie的路径。

获取response中的cookie

在Vue中获取response的set-cookie，可以通过axios拦截器来实现。具体步骤如下：

1. 在main.js中引入axios，并设置拦截器：

import axios from 'axios'

axios.interceptors.response.use(
  response => {
    // 获取set-cookie
    const setCookie = response.headers['set-cookie']
    // 将set-cookie存储到localStorage中
    localStorage.setItem('setCookie', setCookie)
    return response
  },
  error => {
    return Promise.reject(error)
  }
)

Vue.prototype.$http = axios

2. 在需要获取set-cookie的地方，从localStorage中获取：

const setCookie = localStorage.getItem('setCookie')

注意：由于set-cookie可能包含多个值，需要根据实际情况进行处理。