npm i universal-cookie
npm i @vueuse/integrations
1、新建 utils / storage.js
![在这里插入图片描述](https://img-blog.csdnimg.cn/97c6fcf3893746a8b638a04f0ddc6235.png)
import {
useCookies
} from '@vueuse/integrations/useCookies'
const cookies = useCookies()
export function setToken(tokenKey, token) {
return cookies.set(tokenKey, token)
}
export function getToken(tokenKey) {
return cookies.get(tokenKey)
}
export function removeToken(tokenKey) {
return cookies.remove(tokenKey)
}
2、使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/01e485841c6a4545937256db11fb7b09.png)
import {
setToken,
getToken,
removeToken
} from '@/utils/storage'
setToken('admin-token', 1234567889)
console.log('输出token',getToken('admin-token'))
//removeToken('admin-token')
其他:请求头携带 cookie
![https://blog.csdn.net/Madman528/article/details/129244272](https://img-blog.csdnimg.cn/bb6f0de33bb344ba8075b853efeeafc1.png)