vue封装cookie方法_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);