axios简单使用

安装

npm install axios

使用
创建api.js文件统一管理接口，然后使用export 逐个导出

import axios from 'axios'

const baseURL = 'http://xxx.xxx.xxx.xxx'

// post请求
export const login = (body) =>{
  return axios({
    method: 'post',						//请求方法
    url: baseURL + '/login',	// 接口地址
    data: form                // 请求体参数
  })
}

// get请求
export const getList = (query) => {
  return axios({
    method: 'get',					
    url: baseURL  + '/getList',
    params:{
      id：query   // url参数，请求时会自动拼接到url上
    }									
  })
}

导入使用

import {login, getList} from 'api.js'

let data = {
  userName = 'user',
  password = '1234'
}

let id = 1

/**
*在then中写请求成功后的代码逻辑，res为请求成功时的返回对象
*在catch中编写请求发生错误时的代码逻辑，err为请求发生错误的是错误对象
*/
login(data).then(res => {}).catch(err =>{})

getList(id).then(res => {}).catch(err => {})

---