Java前后端分离项目,后端在response中添加Cookie,前端Vue怎么从获取Cookie并添加到浏览器中
时间: 2024-03-09 17:46:06 浏览: 65
在Vue中获取Cookie并添加到浏览器中的方法如下:
1. 安装js-cookie库
在Vue项目中使用js-cookie库方便操作Cookie,可以使用npm安装js-cookie库。
```
npm install js-cookie --save
```
2. 使用js-cookie获取Cookie
在需要使用Cookie的组件中引入js-cookie库,使用get方法获取Cookie。
```
import Cookies from 'js-cookie'
// 获取Cookie
let cookieName = 'cookieName'
let cookieValue = Cookies.get(cookieName)
```
3. 添加Cookie到浏览器中
在需要添加Cookie的组件中引入js-cookie库,使用set方法添加Cookie。
```
import Cookies from 'js-cookie'
// 添加Cookie
let cookieName = 'cookieName'
let cookieValue = 'cookieValue'
let cookieOption = { expires: 7 } // 设置Cookie过期时间
Cookies.set(cookieName, cookieValue, cookieOption)
```
注意:
- 在设置Cookie时,expires选项可以设置Cookie的过期时间,单位为天,若未设置则Cookie会话级别有效。
- 代码中的cookieName和cookieValue可以根据实际情况修改。
阅读全文