vue登录如何存储cookie_vue路由守卫+cookie实现页面跳转时验证用户是否登录----（一）cookie篇...

vue项目中登录页面用户登录成功后，会把用户信息存储到cookie中，然后跳转进入首页，当用户没有登录时，直接输入页面地址会经过路由守卫检测cookie中是否存在用户信息，如果不存在，重定向到登录页让用户进行登录。接下来从配置cookie方法开始。

首先在项目中新建util/cookie.js文件作为存放cookie方法的js

在cookie.js中写进如下代码，该代码封装的三个方法，setCookie:存储cookie； getCookie:读取cookie； clearCookie:删除指定cookie；最后把这三个方法导出，便于全局调用，每行代码具体什么意思可观看以下教程：cookie教程一，cookie教程二，讲解的非常详细。

/**

* @description 保存cookie

* @param {Object} json 需要存储cookie的对象

* @param {Number} days 默认存储多少天*/

functionsetCookie(json, days) {//设置过期时间

let data = newDate(new Date().getTime() + days * 24 * 60 * 60 * 1000).toUTCString();for (var key injson) {

document.cookie=