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
}
————————————————
版权声明：本文为CSDN博主「干掉熊猫我就是国宝++」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/water_hope/article/details/103732522