轻音少女同人漫画,e03008,小沈阳老婆照片
项目背景
最近在项目开发中,遇到下面这样一个问题:
需求分析
功能实现
分析完问题后,我们来实现功能
安装axios, 这里我们就赘述怎么安装axios.
在 main.js 注册 axios
vue.use(vuex) vue.use(vueaxios, axios) vue.use(qs)
注:qs,使用axios,必须得安装 qs,所有的post 请求,我们都需要 qs,对参数进行序列化。
在 request 拦截器实现
axios.interceptors.request.use( config => { config.baseurl = '/api/' config.withcredentials = true // 允许携带token ,这个是解决跨域产生的相关问题 config.timeout = 2500 let token = sessionstorage.getitem('access_token') let csrf = store.getters.csrf if (token) { config.headers = { 'access-token': token, 'content-type': 'application/x-www-form-urlencoded' } } if (config.url === 'refresh') { config.headers = { 'refresh-token': sessionstorage.getitem('refresh_token'), 'content-type': 'application/x-www-form-urlencoded' } } return config }, error => { return promise.reject(error) } )
在 response 拦截器实现
axios.interceptors.response.use( response => { // 定时刷新access-token if (!response.data.value && response.data.data.message === 'token invalid') { // 刷新token store.dispatch('refresh').then(response => { sessionstorage.setitem('access_token', response.data) }).catch(error => { throw new error('token刷新' + error) }) } return response }, error => { return promise.reject(error) } )
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论