axios封装请求

先创建文件夹 utils 在里面创建文件 Service.js 配置axios

import axios from "axios";

// 添加请求拦截器
axios.interceptors.request.use(config => {
  config.headers["Content-Type"] = 'application/json;charset=UTF-8';
  // 所有请求带上token
  config.headers['Authorization'] = localStorage.getItem("token")
  return config;
});

// 添加响应拦截器
axios.interceptors.response.use(
  response => {
    // console.log(response)
    return response.data;
  },
  error => {
    console.log("TCL: error", error);
    return Promise.reject(error);
  }
);
export default axios;

创建request.js 封装请求

import request from "./Service.js";
class Api {
  getInviteByMarkCode(data) {
    return request({
      url: "/mcOrgInvite/getInviteByMarkCode",
      method: "post",
      data
    });
  }
  getAllAndroidPlugins() {
    return request({
      url: "/mcOrgInvite/aaa",
      method: "get"
    });
  }
}

export default Api;

main.js里配置正式环境/测试环境

import axios from "./utils/Service";

// axios.defaults.baseURL = "https://www.xxxx.com"; //正式
 axios.defaults.baseURL = "https://www.xxxx.com"; //测试

页面中使用

import Api from "./utils/request";
var api = new Api();

export default {
  mounted() {
    api.getAllAndroidPlugins().then(res => {
      console.log(res);
    });
  }
};