axios安装和使用

1、安装

npm install axios

2、将3步骤的模块挂载在main.js上

import axios from './api'

Vue.prototype.$axios = axios

3、在src下创建目录api，结构如下

在index.js配置axios

import axios from 'axios'

axios.defaults.timeout = 3600000 // 响应时间
axios.defaults.baseURL = 'http://localhost:8080/oa' // 配置接口地址
axios.defaults.withCredentials = true // 开启缓存

var common = axios.create({
  headers: {'Content-Type': 'application/json;charset=UTF-8'} // 配置请求头
})

var from = axios.create({
  headers: {'Content-Type': 'multipart/form-data'} // 配置请求头
})
// 返回一个Promise(发送post请求)
export function formPost (url, params) {
  return new Promise((resolve, reject) => {
    from.post(url, params)
      .then(response => {
        resolve(response)
      }, err => {
        reject(err)
      })
      .catch((error) => {
        reject(error)
      })
  })
}
// 返回一个Promise(发送post请求)
export function fetchPost (url, params) {
  return new Promise((resolve, reject) => {
    params = JSON.stringify(params)
    common.post(url, params)
      .then(response => {
        resolve(response)
      }, err => {
        reject(err)
      })
      .catch((error) => {
        reject(error)
      })
  })
}
/// /返回一个Promise(发送get请求)
export function fetchGet (url, param) {
  return new Promise((resolve, reject) => {
    common.get(url, {params: param})
      .then(response => {
        resolve(response)
      }, err => {
        reject(err)
      })
      .catch((error) => {
        reject(error)
      })
  })
}
export function post (url, params) {
  params = JSON.stringify(params)
  common.post(url, params)
    .then(response => {
      return response
    }, err => {
      return err
    })
    .catch((error) => {
      return error
    })
}

export default {
  fetchPost,
  fetchGet,
  post,
  formPost
}

大功告成，大家可以使用axios.fetchPost（‘url’,参数）或者其它配置的get/post方法可以远程调用接口了，如果有问题可以私信或者回复我！