Vue——axios基本配置及请求拦截
2017-11-15 23:30
836 查看
// axios 配置 axios.defaults.timeout = 5000; axios.defaults.baseURL = 'http://10.0.0.151:8888'; // http request 拦截器 axios.interceptors.request.use( config => { debugger //对于/auth/**的请求路径,默认不添加token认证 if (config.url.indexOf("/auth") <0 && store.state.token) { config.headers.Authorization = `Bearer ${store.state.token}`; } return config; }, err => { return Promise.reject(err); }); // http response 拦截器 axios.interceptors.response.use( response => { return response; }, error => { if (error.response) { switch (error.response.status) { case 401: /**token未授权或token授权失败,过期等等**/ // 401 清除token信息并跳转到登录页面 store.commit(types.LOGOUT); routers.replace({ path: 'login', query: {redirect: routers.currentRoute.fullPath} }); break; case 404: /**未找到页面**/ // 404 跳转到404页面 routers.push({ path: 'notfound' }); break; } } // console.log(JSON.stringify(error));//console : Error: Request failed with status code 402 console.log(error); return Promise.reject(error.response.data) }); export default axios;
相关文章推荐
- vue中axios的封装问题(简易版拦截,get,post)
- vue中axios 配置请求拦截功能 及请求方式如何封装
- thinkphp5 配置在sae,axios请求出现500的解决方法!
- vue中的所有axios请求都会发送2次,但是第一次不返回数据的原因
- vue通过axios发送put/post等请求,配合后台consume"MediaType.APPLICATION_FORM_URLENCODED"
- 在Vue-cli里基于axios封装复用请求
- vue中axios处理http发送请求的示例(Post和get)
- 关于vue项目中,axios请求方式,跨域请求的处理
- vue开发:axios的post请求接口出现404,但是get则成功
- vue 组件的封装之基于axios的ajax请求方法
- 浅谈在Vue-cli里基于axios封装复用请求
- vue请求方式axios和axios.get
- Vue中Axios使用
- vue-cli(vue2.x)配置跨域请求代理,设置请求头
- vue配置 请求本地json数据
- VUE请求本地数据的配置json-server
- 详解Vue整合axios的实例代码
- Spring AOP拦截对Controller的请求时的配置失败
- iOS开发 支持https请求以及ssl证书配置