axios

axios中文网|axios API 中文文档 | axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中

 1 下载axios包: 

npm install --save axios


 2 项目引入axios

import Axios from 'axios';

    let baseUrl = 'http://localhost:8080';

    let axios = Axios.create({
         baseURL: baseUrl,
         timeout: '15000',  //请求超时时间
         headers: {'X-Custom-Header': 'foobar'}     //header传值,例如:Authorization
    })

3 拦截器

//添加请求拦截器    
axios.interceptors.request.use(function(config){
        //在发送请求之前做某事
        return config;
      },function(error){
        //请求错误时做些事
        return Promise.reject(error);
      });

    //添加响应拦截器
    axios.interceptors.response.use(function(response){
        // console.log(response);
        //对响应数据做些事
        if(response.data.code === 0) {
            return response.data;
        }else if(response.data.code === 1) {
            return response.data;
        }
      },function(error){
        //请求错误时做些事
        return Promise.reject(error);
    })

4 将新建的axiost添加到全局使用

在react:  window.Axios = axios;

在vue:  Vue.prototype.$axios = axios;

5 get方式

window.Axios.get(url, {params: { 'key': 'value' }}).then(function (response) {
  console.log(response);
}).catch(function (error) {
 console.log(error);
});

//对应服务端获取数据 

let params = request.query;//解析数据 获得Json对象

let value = params.key;//通过参数名称获得参数值

 6 post方式

window.Axios.get(url, { 'key': 'value' }).then(function (response) {
  console.log(response);
}).catch(function (error) {
 console.log(error);
});

//对应服务端获取数据 

let params = request.body;//解析数据 获得Json对象

let value = params.key;//通过参数名称获得参数值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值