Vue之axios请求封装

例行BB。请求封装是非常有必要的，究其原因是因为在实际项目开发过程中，接口的地址会经常发生变更（本地环境、开发环境、测试环境、预发布环境、生产环境等等）所以同意的封装便于管理。那么下面开始

//axios 请求模块

import axios from 'axios'

//request 接收实例

const request = axios.create({
    baseURL: 'http://127.0.0.1:3000',  //基础路径
    headers: {
        'X-Requested-With': 'XMLHttpRequest',
        'Content-Type': 'application/json; charset=UTF-8'
    },
    timeout: 40000
})

//全局请求拦截

service.interceptors.request.use(
    config => {
      return config
    },
    error => {
      Promise.reject(error)
    }
)

//全局响应拦截

service.interceptors.response.use(
    response => {
      const res = response.data;
      return res
    },
    error => {
    }
)


//导出request模块
export default request

 

比较简单...基本也就是这样了