vue---封装request做数据请求

转载地址：https://www.cnblogs.com/e0yu/p/11075798.html

参考文章：

https://www.cnblogs.com/qiuchuanji/p/10048805.html

https://www.cnblogs.com/XHappyness/p/9993878.html

 代码示例：

import axios from 'axios'

// 创建一个axios实例
const service = axios.create({
  // headers: {
  //   'content-type': 'application/json;charset=UTF-8',
  //   'token': 'one' 
  // },
  baseURL: 'http://dianphp.fyz.com',
  withCredentials: true,
  timeout: 5000
})

// 添加请求拦截器
service.interceptors.request.use(config => {
  // 在发送请求之前做某事，比如说 设置token
  // config.headers['token'] = 'token';
  config.headers['X-Token'] = 'xxxxxxxxxxxxxxxxxxx';
  return config;
}, error => {
  // 请求错误时做些事
  return Promise.reject(error);
});

// 添加响应拦截器
service.interceptors.response.use(response => {
  const res = response.data;
  // 如果返回的状态不是200 就主动报错
  if(res.state != 200){
    return Promise.reject(res.message || 'error')
  }
  return response;
}, error => {
    return Promise.reject(error.response.data); // 返回接口返回的错误信息
})

export default service