js-cookie

基础

js-cookie是一个简单的，轻量级的处理cookies的js API。

// 安装js-cookie库
npm install js-cookie// 在Vue组件中使用js-cookie
import Cookies from 'js-cookie'// 设置cookie
Cookies.set('key', 'value')
//eg: Cookies.set('name', 'lhy')// 获取cookie
Cookies.get('key')
//Cookies.get('name')//lhy// 删除cookie
Cookies.remove('key')
//Cookies.remove('name')

单独封装一个cookie存储删除的方法js，在其它页面可以直接引用，这样代码维护行会比较高

封装

本人封装在src\utils\auth.js文件

import Cookies from 'js-cookie'export function getToken() {return Cookies.get("TokenKey")
}export function setToken(token) {return Cookies.set("TokenKey", token)
}export function removeToken() {return Cookies.remove("TokenKey")
}

页面使用

<template><div></div>
</template><script>
import { setToken, getToken, removeToken } from "@/utils/auth";
export default {data() {return {};},mounted() {this.getdata();},methods: {// 得到token,存入tokengetdata() {// 从后端得到TOKEN,存入.....setToken(res.token);//  获取tokenconsole.log(getToken());},// 移除tokenremove() {removeToken();},},
};
</script>