axios请求

最新推荐文章于 2023-01-08 14:15:33 发布

weixin_44340914

最新推荐文章于 2023-01-08 14:15:33 发布

阅读量203

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44340914/article/details/106527774

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、什么是axios

基于promise用于浏览器和node.js的http客户端，用于向服务器发送请求

二、使用前的安装

npm方式

npm install axios --save

cdn引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

bower方式

$ bower install axios

三、使用

//发送get请求
 axios.get('http://100.205.11.32:8000')
 .then(res=>{
 console.log(res);
})
//发送post请求
axios.post('http://100.205.11.32:8000/post',{
 data：‘aaa’
})
.then(function(res){
  console.log(res);
})
.catch(function(err){
  console.log(err);
});

//多个请求合并
axios.all(
   [
  axios(),
   axios()
 ]
).then(res=>{

 })

//拦截器
export function request(config) {
  // 1. 创建 axios 的实例
  const instance = axios.create({
    baseURL: 'http://123.207.32.32:8000',
    timeout: 10000
  })

  // 2. axios 的拦截器
  //全局拦截
  // axios.interceptors
  //局部拦截
  instance.interceptors.request.use((res)=>{
    console.log('request=', res)
    return res
  },(err)=>{

  });

  instance.interceptors.response.use(res=>{
    console.log('response=', res)
  })