vue axios 网络请求响应拦截器的配置

vue axios 网络请求响应拦截器的配置

前言： vue项目开发中没有统一管理http、https响应的入口配置因此需要去构建统一接收请求和响应方法

每个项目网络请求接口封装都是很重要的一块，我的封装方法如下：

1、安装axios

npm install --save-dev axios

2、新建一个js文件，自定义取名:

3、引入 axios，mint-UI 如下：

import Vue from 'vue'
import axios from 'axios'
import {Indicator,MessageBox, Toast} from 'mint-ui'
 
/*axios全局配置*/
axios.defaults.withCredentials = true;
axios.defaults.baseURL = '/api/';//地址
axios.defaults.headers.post['Content-Type'] = 'application/json; charset=utf-8';//请求头根据自定义需求
axios.defaults.timeout = 8000;///默认请求超时时间
Vue.prototype.$axios = axios;

4、请求拦截如下：

// 添加请求拦截器
axios.interce