vue获取后端传的 set-cookies

在Vue中获取后端传递的set-cookies需要使用axios库来发送请求，并且配置withCredentials为true来允许跨域传递cookie。

首先，在main.js文件中引入axios库，并将其挂载到Vue的原型上，以便在全局使用：

import axios from 'axios'
Vue.prototype.$axios = axios

然后，可以在需要获取后端传递的set-cookies的地方进行请求，例如一个登录的功能：

methods: {
login() {
const formData = {
// 填写登录表单的数据
}
this.$axios.post('/login', formData, {
withCredentials: true // 允许携带cookie
})
.then(response => {
// 登录成功后的处理，可以在response.headers中获取到set-cookies
const cookies = response.headers['set-cookie']
console.log(cookies)
})
.catch(error => {
// 处理错误情况
console.log(error)
})
}
}

在上述代码中，通过调用this.$axios.post方法发送登录请求，并传递一个参数withCredentials为true，这样就可以在请求中携带cookie了。在.then回调中，通过response.headers['set-cookie']获取到后端传递的set-cookies，并进行相应的处理。

需要注意的是，如果后端接口返回的set-cookies的值被浏览器认为是不安全的，浏览器可能会阻止其被访问，需要对接口进行一些配置，以确保set-cookies可以被正常获取。

以上就是用Vue获取后端传递的set-cookies的方法。希望能对你有所帮助。