You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中Axios请求报Network Error但fetch正常的问题求助

React Native Axios网络错误问题解决

核心问题:Axios配置项拼写错误

你在Axios实例配置中错误使用了baseUrl,正确的配置项名称是**baseURL**(驼峰式,大写U)。Axios无法识别错误的配置字段,导致请求时没有正确拼接基础地址,最终触发网络错误。而fetch直接使用完整URL发起请求,因此不受影响。

修正后的Axios配置代码

import axios from 'axios';

export default axios.create({
  baseURL: 'https://blobrfishwebapi.azurewebsites.net', // 修正为正确的配置项名
});

优化请求代码(同步风格更易维护)

你当前的请求代码混用了await和.then(),建议统一使用try/catch的同步风格,同时注意修复导入语句遗漏的from:

import configuredAxios from '../api/configuredAxios'; // 补充遗漏的from

try {
  const response = await configuredAxios.get('/employer/jobposts/recenttest');
  const { data, isSuccessful, message } = response.data;
  
  if (!isSuccessful) {
    throw new Error(message);
  }
  
  setjobPostings(data);
} catch (err) {
  console.log(JSON.stringify(err, Object.getOwnPropertyNames(err)));
}

额外排查建议(若修正后仍有问题)

  • 验证Android模拟器的网络连通性,确保能正常访问目标API地址
  • 可以通过console.log(configuredAxios.defaults)检查Axios实例的配置是否正确加载
  • 确认API服务端没有针对Axios请求设置特殊拦截规则(fetch正常则此概率极低)

内容的提问来源于stack exchange,提问作者arif

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 00:31:06