cookies在在前端(vue)中的使用

为什么会有cookies呢?

就是一个存储,用来存放你需要的小数据。

cookies用于什么场合呢?

比如:登录请求成功后得到的token,要有roken才能进行登录保留。

cookies是什么?

在代码中,cookies是指用于存储客户端数据的HTTP cookie。它是一个由服务器发送到用户浏览器并存储在用户计算机上的小型文本文件。每当同一台计算机再次访问同一网站时,服务器将检索并使用先前存储的cookie信息。这些信息可用于多种目的,例如保持用户会话、记住用户偏好或用于安全性和认证等。

那我们要怎么使用cookies呢?

一.打开VueUse官网VueUse | VueUseCollection of essential Vue Composition Utilitieshttps://vueuse.org/7333a1b8f8434f86a25008edd698fa68.png

二.加载VueUse模块

在终端运行以下代码:

cnpm i @vueuse/integrations
cnpm i universal-cookie

三.使用cookies

import { useCookies } from '@vueuse/integrations/useCookies'

//实例化cookies
const cookies = useCookies()
console.log(cookies);
//添加cookies
cookies.set('user-token','123456')