axios的拦截请求与响应方法

今天小编就为大家分享一篇axios的拦截请求与响应方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

比如发送请求显示loading,请求回来loading消失之类的

import Vue from 'vue' import App from './App.vue' import axios from 'axios' import Loading from './components/Loading' import stores from './store/store.js' axios不能use哦 // 请求拦截(配置发送请求的信息) axios.interceptors.request.use(function (config){ // 处理请求之前的配置 return config; }, function (error){ // 请求失败的处理 return Promise.reject(error); }); // 响应拦截(配置请求回来的信息) axios.interceptors.response.use(function (response){ // 处理响应数据 return response; }, function (error){ // 处理响应失败 return Promise.reject(error); });

Vue.prototype.$http = axios //其他页面在使用axios的时候直接 this.$http就可以了

以上这篇axios的拦截请求与响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/106423539667332fc23a27d89928f4cc.html