vue封装网络请求

新建utils文件夹，新建request.js文件

import axios from "axios";
import {BASE_URL} from "@/api/api"
// const url = "http://zhengxie.imlimit.com/index/";
const url = BASE_URL+ '/index/'
const url1 = BASE_URL
import { ACCESS_TOKEN, JsonReturnCode } from "./mutation-types";

export function getAxios(options) {
  return new Promise((resolve, reject) => {
    axios
      .get(url1+options.url, {
        params: options.data
      })
      .then(res => {
        resolve(res);
      })
      .catch(err => {
        reject(err);
      });
  });
}

export function postAxios(options) {
  return new Promise((resolve, reject) => {
    if (localStorage.getItem(ACCESS_TOKEN)) {
      if (options.data) {
        options.data.session = localStorage.getItem(ACCESS_TOKEN);
      } else {
        options = {
          url: options.url,
          data: {
            session: localStorage.getItem(ACCESS_TOKEN)
          }
        };
      }
    }
    axios
      .post(url + options.url, options.data)
      .then(res => {
        let json = res.data;
        const { code, msg } = json;
        if (code != JsonReturnCode.success) {
          if (code === -10) {
            localStorage.removeItem(ACCESS_TOKEN);
          }
          return reject({
            msg
          });
        }
        resolve(json.data);
      })
      .catch(err => {
        reject(err);
      });
  });
}

export default { getAxios, postAxios };

使用的时候

import { postAxios,getAxios} from "@/utils/request";

/**
 * 资讯详情
 * @param {*} data
 * @returns
 */
export function info(id) {
  return postAxios({
    url: api.info,
    data: {
      id
    }
  });
}
export function info(query) {
  return getAxios({
    url: api.info,
   params:query
  });
}