axios

特点：

在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http 请求 支持 Promise API 拦截请求和相应 转换请求和响应数据 等

请求方式：

axios(config)
axios.request(config)
axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])

npm install axios --save
cd learnaxios
npm run dev

简单创建

import axios from 'axios'

axios({
    url: 'httpbin.org' //http:123.207.32.32:8000/home/multidata
}).then(res => {
    console.log(res);
})

全局配置

axios.defaults.baseURL = 'http://123.207.32.32:8000'
axios.defaults.timeout = 5000

axios的实例和模块封装

const instancel = axios.create({
  baseURL: 'http://123.207.32.32:8000',
  timeout: 5000
})

instancel({
  url: '/home/multidata'
}).then(results => {
  console.log(results)
})

instancel({
  url: '/home/data',
  params: {
      type: 'pop',
      page: 1
    } 
}).then(results => {
  console.log(results)
})


const instancel2 = axios.create({
  baseURL: 'http://222.111.33.33:8000',
  timeout: 10000,
  // headers: {

  // }
})