封装 axios

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

import Vue from 'vue';

import VueCookie from 'vue-cookie';
import axios from 'axios';
// import toastr from '../assets/toastr.min';
// Vue.use(axios)




let http = {};
// let _baseURL = '/vpaas'
let _baseURL = 'http://localhost:8080/vpaas'
let ContentType = "application/json";
http.baseURL = _baseURL;


/**
 * 定制post方法
 * @param  {String} url  请求地址
 * @param  {Object} data 请求参数
 * @return {json}
 */
http.post = function (url, data) {
  let config = {
    //请求的接口，在请求的时候，如axios.get(url,config);这里的url会覆盖掉config中的url
    url: url,
    //请求方法同上
    method: 'post', // default
    //基础url前缀
    baseURL: _baseURL,
    transformResponse: [function (data1) {
      var data = data1;
      if (typeof data1 == "string") {
        data = JSON.parse(data1);
      }
      //这里提前处理返回的数据;
      if (data.message && (data.data === 'login.invalid.token')) {
        alert("超时请重新登陆");
          // sessionStorage.setItem("access-user",null);
          window.localStorage.removeItem("access-user");
          window.location.href = '/';
      }
      return data;
    }],
    //请求头信息
    headers: {'access-user': window.localStorage.getItem('access-user'), 'Content-Type': ContentType},
    data: data,
    //设置超时时间
    //timeout: 5000,
    withCredentials: true,
    //返回数据类型
    responseType: 'json', //default
  };
  return axios.post(url, data, config);
};


/**
 * 定制get方法
 * @param  {String} url 请求地址
 * @return {json}
 */
http.get = function (url) {
  let config = {
    //请求的接口，在请求的时候，如axios.get(url,config);这里的url会覆盖掉config中的url
    url: url,
    //请求方法同上
    method: 'get', // default
    //基础url前缀
    baseURL: _baseURL,
    transformResponse: [function (data1) {
      //这里提前处理返回的数据;
      var data = data1;
      if (typeof data1 == "string") {
        data = JSON.parse(data1);
      }
      if (data.message && (data.data === 'login.invalid.token')) {
        alert("超时请重新登陆");
          // sessionStorage.setItem("access-user",null);
          window.localStorage.removeItem("access-user");
          window.location.href = '/';
      }
      return data;
    }],


    //请求头信息
    // headers: {'Authorization': VueCookie.get('token')},
    headers: {'access-user': window.localStorage.getItem('access-user'), 'Content-Type': ContentType},
    withCredentials: true,
    //返回数据类型
    responseType: 'json', //default
  };
  return axios.get(url, config);
};


// 这个函数是做什么的？
http.checkAuth = function () {
  let token = VueCookie.get('token');
  if (token != undefined && token != 'undefined' && token) {
    console.log("cookie中存有token: " + token);
    this.authenticated = true;
  } else {
    console.log("cookie中没有token");
    alert("请登陆系统");
    this.authenticated = false;
  }
};


/**
 * 定制delete方法
 * @param  {String} url 请求地址
 * @return {json}
 */
http.delete = function (url) {
  let config = {
    //请求的接口，在请求的时候，如axios.get(url,config);这里的url会覆盖掉config中的url
    url: url,
    //请求方法同上
    method: 'delete', // default
    //基础url前缀
    baseURL: _baseURL,
    transformResponse: [function (data1) {
      var data = data1;
      if (typeof data1 == "string") {
        data = JSON.parse(data1);
      }
      //这里提前处理返回的数据;
      if (data.message && (data.data === 'login.invalid.token')) {
        alert("超时请重新登陆");
          // sessionStorage.setItem("access-user",null);
          window.localStorage.removeItem("access-user");
          window.location.href = '/';
        // }.bind(this), 3000);
      }
      return data;
    }],


    //请求头信息
    // headers: {'Authorization': VueCookie.delete('token')},
    headers: {'access-user': window.localStorage.getItem('access-user'), 'Content-Type': ContentType},
    withCredentials: true,
    //返回数据类型
    responseType: 'json', //default
  };
  return axios.delete(url, config);
};


export default http;