vue登录如何存储cookie_vue项目中js-cookie的使用存储token操作

1、安装js-cookie

# npm install js-cookie --save

# yarn add js-cookie

2、引用(需要的文件)

import Cookies from 'js-cookie'

const TokenKey = 'Admin-Token'

export function getToken() {

return Cookies.get(TokenKey)

}

export function setToken(tcuncuoken) {

return Cookies.set(TokenKey, token)

}

export function removeToken() {

return Cookies.remove(TokenKey)

}

3、浏览器cookie

4、 也可以存储其他

const user = {

name: 'lia',

age: 18

}

Cookies.set('user', user)

const liaUser = JSON.parse(Cookies.get('user'))

补充知识：vue 实现记住密码功能，用户信息在客户端加密存储

效果图：

功能详解：用户登录时，勾选记住密码，系统会将登录信息存入浏览器cookie中，下次登录时系统会自动将信息回写在输入框中(默认设置保存时间为3天，此处需要将密码进行加密处理，以提高安全性)

1.定义页面元素，v-model绑定变量

2.

3.引入vue的加密组件 CryptoJS，执行这条命令，系统会自动安装

npm install crypto-js

安装成功后，还需在登录页面引入组件

4.定义操作cookie的三个方法，后面需要用到，代码我贴出来

/************* Cookie s