完整代码

  1. import axios from 'axios'
  2. //import CancelStore from '@/axios/store';
  3. import { getHeader } from '@/axios/header'
  4. import { Message, MessageBox } from 'element-ui'
  6. let baseURL = process.env.baseURL1;
  7. // if (process.env.NODE_ENV === "development") {
  8. //   baseURL = process.env.baseURL;
  9. // } else {
  10. //   baseURL = process.env.baseURL;
  11. // }
  13. // axios.defaults.timeout = 30000;
  14. // axios.defaults.retry = 1;
  15. // axios.defaults.retryDelay = 1000;
  18. //const CancelToken = axios.CancelToken;
  21. // 创建axios实例
  22. const service = axios.create({
  23.   baseURL: baseURL, // api 的 base_url
  24.   timeout: 30000 // 请求超时时间
  25. })
  27. // request拦截器
  28. service.interceptors.request.use(
  29.   config => {
  30.     // 这个是 取消重点
  31.     //config.cancelToken = new CancelToken((cancel) => {
  32.     //  CancelStore._axiosPromiseCancel.push(cancel);
  33.     //});
  35.     let url = config.url.replace(config.baseURL,'');
  36.     let code = config.code;
  37.     config.headers = getHeader(url, code) // 让每个请求携带自定义签名
  38.     return config
  39.   },
  40.   error => {
  41.     console.log(error) // for debug 11
  42.     Promise.reject(error)
  43.   }
  44. )
  46. // response 拦截器
  47. service.interceptors.response.use(
  48.   response => {
  50.     if(response.config.responseType=='blob'){
  51.       if(response.status==200){
  52.         return response;
  53.       }else{
  54.         return Promise.reject(error);
  55.       }
  56.     }else{
  57.       const res = response.data;
  58.       if (res.code === 200) {
  59.         return response.data
  61.       } else if(res.code === 407){
  62.         // console.log("Token失效跳转登陆页面");
  63.         // sessionStorage.clear();
  64.         // location.href="/ecloud-sp/logout";
  65.       } else {
  66.         Message({
  67.           message: res.message,
  68.           type: 'error',
  69.           duration: 5 * 1000
  70.         })
  71.         return Promise.reject('error')
  72.       }
  73.     }
  75.   },
  76.   error => {
  77.     console.log('err' + error) // for debug
  79.     // if (axios.isCancel(error)) {
  80.     //   // 为了终结promise链 就是实际请求 不会走到.catch(rej=>{});这样就不会触发错误提示之类了。
  81.     //   return new Promise(() => {});
  82.     // } else {
  83.     Message({
  84.       message: error.message,
  85.       type: 'error',
  86.       duration: 5 * 1000
  87.     })
  88.     return Promise.reject(error)
  89.     // }
  91.   }
  92. )
  94. export default service

封装接口

import request from '@/axios/requestCooperation'
export function getAdviceList(data) {
  return request({
    url: '/api/v1/resource/adviceList',
    method: 'post',
    data,
    code: "v4"
  })
}

请求头封装

import $md5 from 'js-md5'

export function getHeader(url, code) {
  let timestamp = new Date() * 1;
  let token = sessionStorage.getItem('user_token') === null? "" : sessionStorage.getItem('user_token');
  let source = 'web';
  let sign =  $md5(source + url + code + timestamp + token);
  return {'Content-Type': 'application/json; charset=UTF-8', 'token': token,'timestamp': timestamp, 'code': code, 'sign':sign, 'source':source };

}