[Cookie] Use of js-cookie plugin:


1. js-cookie:

js-cookie is a simple, lightweight js API for handling cookies, used to handle cookie-related plugins

2. How to use js-cookie:

【1】Download first
npm install --save js-cookie
【2】Introduction

After installing the js-cookie plug-in, where we need to process cookies, we can use them simply by importing them

import Cookies from 'js-cookie'
[3] Adding, obtaining, and deleting js-cookie

添加cookie

// 创建一个名称为name,对应值为value的cookie,由于没有设置失效时间,默认失效时间为该网站关闭时
Cookies.set(name, value)

// 创建一个有效时间为7天的cookie
Cookies.set(name, value, {
    
     expires: 7 })

// 创建一个带有路径的cookie
Cookies.set(name, value, {
    
     path: '' })

// 创建一个value为对象的cookie
const obj = {
    
     name: 'ryan' }
Cookies.set('user', obj)

获取cookie

// 获取指定名称的cookie
Cookies.get(name) // value

// 获取value为对象的cookie
const obj = {
    
     name: 'ryan' }
Cookies.set('user', obj)
JSON.parse(Cookies.get('user'))

// 获取所有cookie
Cookies.get()

删除cookie

// 删除指定名称的cookie
Cookies.remove(name) // value

// 删除带有路径的cookie
Cookies.set(name, value, {
    
     path: '' })
Cookies.remove(name, {
    
     path: '' })

3. Case:

insert image description here

Guess you like

Origin blog.csdn.net/weixin_53791978/article/details/130489056