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
相关产品推荐
相关产品推荐

