vue3+vite中如何获取cookie(或响应请求头中的set-cookie)中的值
时间: 2023-04-10 11:02:24 浏览: 342
vue3+ts+vite+router+vuex+api请求封装
在Vue3 Vite中,可以通过使用js-cookie库来获取cookie的值。首先,需要安装js-cookie库,可以使用npm或yarn进行安装。然后,在需要获取cookie的地方,可以使用以下代码:
import Cookies from 'js-cookie';
const cookieValue = Cookies.get('cookieName');
其中,'cookieName'是需要获取的cookie的名称,cookieValue是获取到的cookie的值。如果需要获取响应请求头中的set-cookie,可以使用axios拦截器来获取,具体代码如下:
import axios from 'axios';
import Cookies from 'js-cookie';
axios.interceptors.response.use(
(response) => {
const setCookie = response.headers['set-cookie'];
if (setCookie) {
const cookieValue = setCookie[0].split(';')[0].split('=')[1];
Cookies.set('cookieName', cookieValue);
}
return response;
},
(error) => {
return Promise.reject(error);
}
);
其中,'cookieName'是需要设置的cookie的名称,cookieValue是从响应请求头中获取到的cookie的值。
阅读全文