react-native 中的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)
    }    

 

posted @ 2022-08-29 10:57  龙卷风吹毁停车场  阅读(498)  评论(0)    收藏  举报