前端vue
1.下载包
cnpm i js-cookie -S
2.在登录成功后,保存token,同时记得引入js-cookie
//登录
async logins(context, payload) {
let res = await axios.post("/api/logino", payload);
console.log(res);
if (res.data.code === 200) {
console.log("登录成功");
//在登录成功的时候,保存token值
Cookie.set("token", res.data.token);
} else {
console.log("登录失败")
}
},
3.封装axios,在axios进行处理
(1)引入:import axios from 'axios'
(2) 经获取到的token挂载到请求头上/请求头上携带token
//1.引入
import axios from 'axios'
//2-1引入Cookie
import Cookie from "js-cookie"
//2.添加拦截器
// 添加请求拦截器
axios.interceptors.request.use(function(config) {
//2-2挂载到请求头上/请求头上携带token
config.headers.authorization = Cookie.get("token