vue中axios的安裝使用

axios是一個基於 promise 的 HTTP 庫，在vue中axios是比較常用的網絡請求方法。

安裝

npm install axios -S

在main.js配置

import axios from 'axios'
Vue.prototype.$axios = axios

使用

this.$axios({
      url: "",
      method: "get",
      params: {}
    }).then(res => {
      console.log(res)
    })

也可以先進行封裝后調用

封裝

先新建一個network文件夾再建一個request.js

import axios from 'axios'

export function request(config) {
    return new Promise((resolve, reject) => {
        創建axios實例
        const instance = axios.create({
            baseURL: '',
        })
        // 發送網絡請求
        instance(config).then(res => {
            resolve(res)
        }).catch(err => {
            reject(err)
        })
    })
}

簡寫

import axios from 'axios'

export function request(config) {
    // 創建axios實例
    const instance = axios.create({
        baseURL: '',
    })
    // 發送網絡請求
    return instance(config)
}

使用：

import {request} from '../network/request'

request({
      url:'',
      params: {}
    }).then(res => {
      console.log(res)
    })