获取cookie、 export function getCookie(name) { var arr,reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return (arr[2]); else return null; }

//设置cookie,增加到vue实例方便全局调用
export function setCookie (c_name,value,expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
};

//删除cookie
export function delCookie (name) {
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = getCookie(name);
if (cval != null)
document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
};

// axios 配置
axios.defaults.timeout = 5000;
axios.defaults.baseURL = 'http://localhost/pjm-shield-api/public/v1/'; //这是调用数据接口

// http request 拦截器，通过这个，我们就可以把Cookie传到后台
axios.interceptors.request.use(
config => {
const token = getCookie('session'); //获取Cookie
config.data = JSON.stringify(config.data);
config.headers = {
'Content-Type':'application/x-www-form-urlencoded' //设置跨域头部
};
if (token) {
config.params = {'token': token} //后台接收的参数，后面我们将说明后台如何接收
}
return config;
},err => {
return Promise.reject(err);
}
);

// http response 拦截器
axios.interceptors.response.use(
response => {
//response.data.errCode是我接口返回的值，如果值为2，说明Cookie丢失，然后跳转到登录页，这里根据大家自己的情况来设定
if(response.data.errCode == 2) {
router.push({
path: '/login',query: {redirect: router.currentRoute.fullPath} //从哪个页面跳转
})
}
return response;
},error => {
return Promise.reject(error.response.data)
});

export default axios;

/**

• fetch 请求方法
• @param url
• @param params
• @returns {Promise}
  */
  export function fetch(url,params = {}) {

return new Promise((resolve,reject) => {
axios.get(url,{
params: params
})
.then(response => {
resolve(response.data);
})
.catch(err => {
reject(err)
})
})
}

/**

• post 请求方法
• @param url
• @param data
• @returns {Promise}
  */
  export function post(url,data = {}) {
  return new Promise((resolve,reject) => {
  axios.post(url,data)
  .then(response => {
  resolve(response.data);
  },err => {
  reject(err);
  })
  })
  }

/**

• patch 方法封装
• @param url
• @param data
• @returns {Promise}
  */
  export function patch(url,reject) => {
  axios.patch(url,err => {
  reject(err);
  })
  })
  }

/**

• put 方法封装
• @param url
• @param data
• @returns {Promise}
  */
  export function put(url,reject) => {
  axios.put(url,err => {
  reject(err);
  })
  })
  }

后台管理系统 登录

import Index from '@/views/index/Index' //首页
import Home from '@/views/index/Home' //主页
import right from '@/components/UserRight' //右侧
import userlist from '@/views/user/UserList' //用户列表
import usercert from '@/views/user/Certification' //用户审核
import userlook from '@/views/user/UserLook' //用户查看
import usercertlook from '@/views/user/UserCertLook' //用户审核查看

import sellbill from '@/views/ticket/SellBill'
import buybill from '@/views/ticket/BuyBill'
import changebill from '@/views/ticket/ChangeBill'
import billlist from '@/views/bill/list'
import billinfo from '@/views/bill/info'
import addbill from '@/views/bill/add'
import editsellbill from '@/views/ticket/EditSellBill'

import ticketstatus from '@/views/ticket/TicketStatus'
import addticket from '@/views/ticket/AddTicket'
import userinfo from '@/views/user/UserInfo' //个人信息
import editpwd from '@/views/user/EditPwd' //修改密码

Vue.use(Router);

const routes = [
{
path: '/',name:'登录',component:Index
},{
path: '/',name: 'home',component: Home,redirect: '/home',leaf: true,//只有一个节点
menuShow: true,iconCls: 'iconfont icon-home',//图标样式
children: [
{path:'/home',component: right,name: '首页',menuShow: true,Meta:{requireAuth: true }}
]
},name: '用户管理',iconCls: 'iconfont icon-users',children: [
{path: '/userlist',component: userlist,name: '用户列表',Meta:{requireAuth: true }},{path: '/usercert',component: usercert,name: '用户认证审核',{path: '/userlook',component: userlook,name: '查看用户信息',menuShow: false,Meta:{requireAuth: true}},{path: '/usercertlook',component: usercertlook,name: '用户审核信息',]
},name: '信息管理',iconCls: 'iconfont icon-books',children: [
{path: '/sellbill',component: sellbill,name: '卖票信息',{path: '/buybill',component: buybill,name: '买票信息',{path: '/changebill',component: changebill,name: '换票信息',{path: '/bill/editsellbill',component: editsellbill,name: '编辑卖票信息',Meta:{requireAuth: true}}
]
},{
path: '/bill',name: '票据管理',children: [
{path: '/bill/list',component: billlist,name: '已开票据列表',{path: '/bill/info',component: billinfo,name: '票据详细页',{path: '/bill/add',component: addbill,name: '新建开票信息',Meta:{requireAuth: true }}

]
},name: '系统设置',iconCls: 'iconfont icon-setting1',children: [
{path: '/userinfo',component: userinfo,name: '个人信息',{path: '/editpwd',component: editpwd,name: '修改密码',Meta:{requireAuth: true }}
]
}
];

const router = new Router({
routes
});

{ if(to.Meta.requireAuth) { fetch('m/is/login').then(res => { if(res.errCode == 200) { next(); } else { if(getCookie('session')) { delCookie('session'); } if(getCookie('u_uuid')) { delCookie('u_uuid'); } next({ path: '/' }); } }); } else { next(); } }); export default router;