vue项目中axios的封装和使用

212 阅读1分钟

axios封装

axios是基于ajax的请求数据库,之所以用axios是因为Vue官方推荐的一种Ajax请求方法

第一步:安装axios

npm install axios --save

第二步:在main.js中引入

import axios from 'axios'

第三步:在request.js里面封装

必须传三个参数 回调函数的方法

import axios from 'axios'
export function request(config, success, failure) {
    //创建axios实例
    const instance = axios.creat({
        baseURL: 'http://192.168.14.146:8088',
        timeout: 50000
    })
    //发送真正的网络请求
    instance(config.baseconfig)
    .then(res => {
        // console.log(res) //要回调出去
        success(res) //回调
    })
    .catch(err => {
        // console.log(err) //要回调出去
        failure(err) //回调
    })
}

调用:

import {request} from "./network/request"
//方式一:
request({ //config
  url: '',
}, res => { //success
  console.log(res)
}, err => { //failure
  console.log(err)
})