Cookies在vue中使用

1.在utils文件里面创建auth.js文件，封装Cookies

import Cookies from "js-cookie";

const TokenKey = "JSESSIONID";

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

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

export function removeToken() {
  return Cookies.remove(TokenKey);
}

2.在utils文件request.js文件里面打开axios自带的cookies

import axios from "axios";
// import { Message, MessageBox } from "element-ui";
// import store from "../store";
// import { getToken } from "@/utils/auth";
axios.defaults.withCredentials = true;
// 创建axios实例
const service = axios.create({
  baseURL: "http://xxx", // api的base_url
  timeout: 5000 // 请求超时时间
export default service;
});

3.注意开启axios默认自带cookies
axios.defaults.withCredentials = true;
4.在组件中引用

 loginList(this.m)
        .then(function(res) {
          console.log(res);
          if (res.data.code == 20000) {
            console.log(res.data.code);
            _that.content = res.data.msg;
            setToken(res.data.data.session_id);
            _that.showAlert();
            router.push("/index");
          } else {
            _that.content = res.data.msg;
            _that.showAlert();
          }
        })

5.组件引用cookies
setToken(res.data.data.session_id);