Vue封装简单的axios库

1.新建http.js文件，封装axios get post 方法：

import axios from 'axios'
import qs from 'qs'
import 'es6-promise'

axios.defaults.baseURL = '/api';

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

export function post(url, data) {
  return new Promise((resolve, reject) => {
    axios.post(url, qs.stringify(data), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        }
      }
    ).then(res => {
      resolve(res.data)
    }).catch(err => {
      reject(err)
    })
  })
}

2.新建api.js文件，封装调用的接口

import {get, post} from './http'

export function getNewPublish() {
  const result = get('/ad/newestPublishAdMaterialInfo1');
  return result;
}

3.在组件中使用

import {getNewPublish} from '../../api/api'

let result = getNewPublish();

result.then(res => {
   console.log(res);
}).catch(err => {
   console.log(err);
})