// 第一个文件 - Axios封装

import config from '../config'

import Axios from 'axios'

import Qs from 'qs'

// 定义HTTP类

class HTTP {

  // HTTP下面的方法

  request (params) {

    // console.log(params)

    return new Promise((resolve, reject) => {

      Axios({

        method: params.type || 'get',

        url: config.baseUrl + params.url,

        data: Qs.stringify(params.data)

      }).then(res => {

        // console.log(res)

        resolve(res)

      })

    })

  }

}

export default HTTP

// 第二个文件：M层

/*

* M : 数据

* V： 视图

* C： 业务逻辑层

* */

import HTTP from '../utils/http'

const _http = new HTTP()

class Product {

  // list方法

  list() {

    return _http.request({

      url: 'banner/list'

    })

  }

}

export default Product

第三个文件

const config = {

  baseUrl: 'https://api.it120.cc/small4/'

}

export default config

调用

import HTTP from "../../services/product-service.js";

const _http = new HTTP();

  _http.shouji(obj).then(res => { console.log(res)}）