Vue 获取token(设置token,清除token)实现登录

使用token做登录验证：

1、登录的时候前端调用后端的接口，把用户名和密码传给后端。

2、后端收到请求，验证用户名和密码，返回给前端一个token值。

3、前端收到后端传给的token值，将token存储在本地 有3种方法我们选用 sessionStorage

• cookie ：可设置失效时间，否则默认为关闭浏览器后消失
• localStorage ：除非被手动清除，否则永久保存
• sessionStorage：仅在当前网页会话下有效，关闭页面或浏览器后就会被清除

在utils中创建auth.js用来封装方法

//设置token
export function setToken(token) {
    // token 代表要存储到本得的值
    return sessionStorage.setItem("储存到本地的名字", token)
}

//获取token
export function getToken() {
    return sessionStorage.getItem("储存到本地的名字")
}

//清除token
export function removeToken() {
    return sessionStorage.removeItem("要清除的名字")
}

在min.js全局引入

import {
    getToken,
    setToken,
    removeToken
} from '@/utils/auth'