• reactnative 中的axios简易封装


    新建一个request.js
    import axios from 'axios'
    import { BASE_URL } from './pathMap'
    
    const instance = axios.create({
        baseURL: BASE_URL
    })
    
    // 添加请求拦截器
    instance.interceptors.request.use(function (config) {
        // 在发送请求之前做些什么
        return config;
      }, function (error) {
        // 对请求错误做些什么
        return Promise.reject(error);
      });
    
    // 添加响应拦截器
    instance.interceptors.response.use(function (response) {
        // 对响应数据做点什么
        return response.data;
      }, function (error) {
        // 对响应错误做点什么
        return Promise.reject(error);
      });
    
    export default {
        get: instance.get,
        post: instance.post
    }

    pathMap.js文件

    // 接口地址
    export const BASE_URL = 'http://157.xxx.xxx.xxx:9089'
    
    // 登录获取验证码
    export const ACCOUNT_LOGIN = '/user/login'
    
    // 新用户注册信息
    export const ACCOUNT_REGINFO = '/user/loginfo'

    如何使用: 在需要使用的js文件中引入

    // 引入axios请求
    import request from "../../utils/request";
    import { ACCOUNT_LOGIN } from '../../utils/pathMap'
        onSubmitEditing= async ()=>{
                let res = await request.get(ACCOUNT_LOGIN, {phone: '154487845454'})
                console.log(res)
        }    
  • 相关阅读:
    jdk源码剖析三:锁Synchronized
    ASP.NET的session操作方法总结
    C#文件相同性判断
    C#的DataTable操作方法
    C#二进制流的序列化和反序列化
    C#常用的IO操作方法
    C#缓存操作
    CLR中的程序集加载
    Oracle数据库的SQL分页模板
    奇妙的NULL值,你知道多少
  • 原文地址:https://www.cnblogs.com/tlfe/p/16635172.html
Copyright © 2020-2023  润新知