Vue之Axios AJAX封装

来源：我的博客站 OceanicKang |《Vue 之 Axios AJAX封装》

前言

才不要写前言，Axios 中文文档 https://www.kancloud.cn/yunye/axios/234845

安装Axios

文档里都有，我不细讲了，进入项目

$ npm install --save-dev axios
# 或者
$ cnpm install --save-dev axios

目录结构

详细代码

1. index.js （Axios的配置文件）

import axios from 'axios';      // 引入axios
import qs from 'qs';            // 引入qs
import APIUrl from './api.url'; // 引入api.url.js

// axios 默认配置  更多配置查看Axios中文文档
axios.defaults.timeout       = 5000;             // 超时默认值
axios.defaults.baseURL       = APIUrl.baseURL;   // 默认baseURL
// axios.defaults.responseType  = 'json'         // 默认数据响应类型
axios.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8';
axios.defaults.withCredentials = true;           // 表示跨域请求时是否需要使用凭证

// http request 拦截器
// 在ajax发送之前拦截 比如对所有请求统一添加header token
axios.inter