react-native 请求封装(示例代码)

M.r Huang 2020-11-02

栏目: Web ·

来源: M.r Huang

作者:M.r Huang

简介  这篇文章主要介绍了react-native 请求封装(示例代码)以及相关的经验技巧,文章约2235字,浏览量359,点赞数5,值得参考!

这里是用 基于ES6  promise 的 axios 插件 ,当然需要先下载此插件

npm install axios

1,首先在跟目录创建 http 文件夹 并在里边创建 index.js 代码如下:

import React, { Component } from ‘react‘;
import axios from ‘axios‘

let token = ‘‘;

var instance = axios.create({
    baseURL: ‘https://baidu.com‘,
    timeout: 5000,
    headers: {‘X-Custom-Header‘: ‘foobar‘},
     // `transformResponse` allows changes to the response data to be made before
    // it is passed to then/catch
    transformResponse: [function (data) {
        /**
         * 通过返回的data,来统一处理异常
         */
        return data;
        // Alter defaults after instance has been created 处理token
        instance.defaults.headers.common[‘Authorization‘] = token;    
    }],
});

export default instance;

2,在需要使用 使用请求的页面方法如下:

import axios from ‘../http‘   //引入上边的index文件
  // this.props.navigation.navigate(‘Page4‘,params);  具体请求方法
        axios.get(‘/api/cms/eleser/homePage‘)
            .then(res => {
                console.log(res);
            }), err => {
                console.log(`${err}`)
            }

 


以上就是本文的全部内容,希望对大家的学习有所帮助,本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 原文地址:https://www.cnblogs.com/hai-cheng/p/8992071.html

相关文章

React-Native开发之原生模块封装(Android)升级版(示例代码)

React Native之Fetch简单封装、获取网络状态(示例代码)

React-Native ListView加载图片淡入淡出效果的组件

react-native 自定义 下拉刷新 / 上拉加载更多 组件(示例代码)

React-Native中列表SectionList学习(示例代码)

react-native 使用leanclound消息推送(示例代码)

react-native-gp-utils(对react-native全局进行配置,对内置对象原型)(示例代码)

react-native多图选择、图片裁剪(支持ad/ios图片个数控制)(示例代码)