vue登录如何存储cookie_Vue中使用js-cookie插件实现登录时记住密码后存取到Cookie中...

场景

使用vue实现一个登录页面时，实现记住密码功能。

在勾选了记住密码后将密码存储到Cookie中，然后下次直接从Cookie中取。

注：

实现

官网

安装

npm install js-cookie --save

使用

为了使用方便，将设置和添加以及移除 Cookie的方法抽离出来为公共方法。

首先在项目下新建 utils目录，在目录下新建auth.js

然后在此js中先引入js-cookie插件

import Cookies from 'js-cookie'

然后声明一个作为存取和删除cookie的标志的key常量

const TokenKey = 'Admin-Token'

然后封装并暴露方法

export function getToken() {return Cookies.get(TokenKey)

}

export function setToken(token) {return Cookies.set(TokenKey, token)

}

export function removeToken() {returnCookies.remove(TokenKey)

}

所以auth.js的完整代码

import Cookies from 'js-cookie'

const TokenKey = 'Admin-Token'export function getToken() {return Cookies.get(Token