axios

最新推荐文章于 2024-06-18 14:08:51 发布

容椰椰

最新推荐文章于 2024-06-18 14:08:51 发布

阅读量418

点赞数

本文链接：https://blog.csdn.net/weixin_42043486/article/details/106501674

版权

网络请求封装

安装axios框架：npm install axios --save
导入：import axios from ‘axios’
配置：

axios({
  url:'http://123.207.32.32:8000/home/multidata',
  // method:'post'
}).then(res=>console.log(res))

axios并发请求

axios.all([])

axios.all([
    axios({url:'http://123.207.32.32:8000/home/multidata'}),
    axios({
      url:'http://123.207.32.32:8000/home/data',
      params:{
        type:'sell',
        page:5
      }
    })
  ]).then(results=>{
  console.log(results);
  })

对象/数组解构

对象解构

const obj = {
	name:'kobe',
	age:18
}
const{age,name} = obj

数组解构

const namearr = ['adele','calor','cristine']
//const name1 = namearr[0]
//const name2 = namearr[2]
//const name3 = namearr[3]

const [name1,name2,name3] = namearr

axios全局配置

axios.default

axios.defaults.baseURL = 'http://123.207.32.32:8000'
axios.defaults.timeout = 5000//请求超时判断，单位是毫秒

常见的url配置

自行百度

请求类型method：get对呀params，post对应data

实现接口

declare const axios : axiosStatic;

创建不同配置的axios实例

//创建axios对应的实例
const instance1 = axios.create({
  baseURL:'http://123.207.32.32:8000',
  timeout:10000
})
instance1({
  url:'/home/multidata',
}).then(res=>{
  console.log(res);
})