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