axios create拦截_axios拦截设置和错误处理方法

现在vue的官方包已经不更新vue-resource了，转而推荐axios，下面是项目实战是总结的axios插件设置：

/**

* @file Axios的Vue插件(添加全局请求/响应拦截器)

*/

// https://github.com/mzabriskie/axios

import axios from 'axios'

// 拦截request,设置全局请求为ajax请求

axios.interceptors.request.use((config) => {

config.headers['X-Requested-With'] = 'XMLHttpRequest'

return config

})

// 拦截响应response，并做一些错误处理

axios.interceptors.response.use((response) => {

const data = response.data

// 根据返回的code值来做不同的处理(和后端约定)

switch (data.code) {

case '0':

// 举例

// exp: 修复iPhone 6+ 微信点击返回出现页面空白的问题

if (isIOS()) {

// 异步以保证数据已渲染到页面上

setTimeout(() => {

// 通过滚动强制浏览器进行页面重绘

document.body.scrollTop += 1