reactnative 访问本地服务器遇到错误

最新推荐文章于 2023-01-12 12:12:41 发布
最新推荐文章于 2023-01-12 12:12:41 发布
阅读量433 收藏
点赞数
分类专栏： react-native 文章标签： react native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41402809/article/details/111732128
版权

reactnative 访问本地服务器遇到错误

显示如下错误：
在这里插入图片描述

问题所在

react-native运行时的node服务器跑在10.0.2.2 的ip上面，所以改成http://10.0.2.2:xxxx，然后reload便可以了

getTest:"http://127.0.0.1:3000/user/info"
//注意域名的更改  端口号不要改
getTest:"http://10.0.2.2:3000/user/info"
海绵泡泡
关注
专栏目录
react-native pc访问127.0.0.1 显示404报错
GreekMrzzJ的博客
12-17 3万+
pc访问127.0.0.1 显示404报错 背景 调试react-native的时候进入项目下运行packager react-native start 并在另一个命令行窗口react-native run-android ,首次运行需要等待数分钟并从网上下载gradle依赖。因为android sdk已经添加到环境变量中，并且pc本地访问可以看到编译好的js文件内容。接着，模拟
在 React Native 中使用 Hermes
分享身边生活经验blog
10-11 1345
发布 React Native 0.64 引入了对 iOS 上 Hermes 的完全选择支持。这有望成为 React Native 移动应用程序开发生态系统的重大转变。在本教程中，我们将探索使用 Hermes 作为 React Native 应用程序的 JavaScript 引擎的好处，并演示如何使用 Hermes 构建和运行 React Native 应用程序。
Android fetch 局域网,React Native Android Fetch在连接到本地API时失败
weixin_35171603的博客
06-02 428
10 个答案:答案 0 :(得分：45)您无法访问本地开发服务器，因为该端口尚未由ADB转发。当您运行react-native run-android时，React Native会将端口8081与您的移动设备映射到USB上。当您断开USB连接时，您将无法再刷新或热重新加载代码。所以在这种情况下你可以做两件事，就像React Native那样映射你的本地服务器端口，或者使用你的本地IP地址。映射端口...
react native 网络请求本地localhost 模拟器报错
weixin_46492925的博客
07-11 518
网络请求错误
react-native在windows上模拟器不能访问本地服务器localhost
爱开车的彬哥的CSDN博客
05-24 2732
工作需要换到windows上开了模拟器运行mac移过来的项目，是android studio自带的模拟器，发现在mac上面以本地服务器http:localhost:xxxx 可以访问的地址到windows上不能用，自己研究了一下发现react-native运行时的node服务器跑在10.0.2.2 的ip上面，遂改成http://10.0.2.2:xxxx，在此reload便可以了。...
React-Native集成本地服务器react-native-code-push@7.0.1/code-push-server/code-push-cli
没沙发
10-19 376
默认条件是本地code-push的服务器已经搭建完成，只专注于客户端集成 相关依赖版本 "react": "16.13.1", "react-native": "0.63.3", "react-native-code-push": "^7.0.1", 安装脚手架 安装code-push-cli 根据搭建的code-push-server版本安装 npm i code-push-cli@2.1.9 -g 登录 在浏览器登陆后，将key复制粘贴即可登录成功 code-push login.
如何将图像从 React Native 上传到 Laravel API
分享身边生活经验blog
09-26 464
聚优影视TV双播盒子，内置多个资源接口，开源TVBOX制作！如今，开发人员同时处理前端和后端项目是很常见的。根据最近的一项开发人员调查，React Native 是全球最流行的用于构建跨平台移动应用程序的框架之一。Laravel 是一个 PHP Web 框架，具有优雅的代码结构，开发人员可以使用它来创建 REST API。Laravel 目前有71k 的 GitHub 星数，证明了它在开发者社区中的受欢迎程度。
ReactNative的rncache文件
03-01
在iOS平台上，当React Native应用运行时，可能会遇到由于网络限制或者服务器问题导致的资源下载失败。这些资源可能包括JavaScript模块、图像、字体等。`.rncache`文件夹就是为了解决这类问题而设计的，它充当了一个...
React Native 真机断点调试+跨域资源加载出错问题的解决方法
11-26
在React Native的调试环境中，本地调试服务器和应用运行在不同的源下，导致资源加载时出现错误。错误信息通常显示为类似“192.168.3.126.xip.io”的跨域请求失败。 ### 解决方法 #### 方法一：替换主机名 一个...
React Native嵌入到现有原生应用
小楼一夜听春雨的专栏
01-10 3891
React Native嵌入到现有原生应用 如果你正准备从头开始制作一个新的应用，那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程，React Native也同样不在话下。只需简单几步，你就可以给原有应用加上新的基于React Native的特性、画面和视图等。
react路由配置和报错处理
qq_36359324的博客
09-06 1294
Uncaught Error: useRoutes() may be used only in the context of a component. Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Uncaught Error: useHref() may be used only in the context of
将react项目部署到本地服务器
qq_50951790的博客
11-20 1255
将react项目部署到本地服务器
react native Android加载本地Html 问题
weixin_33709364的博客
09-04 260
项目中有用到IP地址采集 用的是html5 webView的方式 请参考：react native 获取设备 真实ip地址 和 ip 映射的地理位置 这里留下的坑是 Android的release包 中获得ip是没反应的 一开始以为是Android WebView的缓存问题，后来改了还是没法获得，但是在...
html与js项目引入react框架之Hook
m0_51062476的博客
10-11 1419
一、react的引入 需要引入三个文件 1.react.js https://unpkg.com/react@17/umd/react.development.js https://unpkg.com/react-dom@17/umd/react-dom.development.js 2.babel.js（因为react是xml编写的，所以需要用babel编译才不会报错） https://unpkg.com/@babel/standalone/babel.min.js 以上都可以直接引入或者打
React随记：React常见报错及解决方案
最新发布
鸡肋佐的博客
01-12 3625
React常见报错及解决方案
react 项目启动显示本地连接已拒绝
weixin_55014951的博客
03-21 4439
很奇怪的问题,我在前一天还能正常使用,第二天打开电脑启动项目就出现了问题. 在百度上没有找到react 项目启动显示本地连接已拒绝的解决方案 通过git版本回溯到上一个版本就可以正常连接 一开始实在没办法,我就从上一个版本接着写 结果后面出现版本冲突,我手动解决之后,再次启动项目 又是本地连接被拒绝... 当时给我气的,人麻了 再接着实在找不到办法,我只好用蠢办法 新建项目,确定新项目可以启动. 再将原项目的文件一个个搬过去 最后我成功找到了罪魁祸首 这个东西是用来做代理的,把这个
react-native 连接不上服务器，Unable to load script
移动开发
03-19 1948
@[TOC] react-native 连接不上服务器，Unable to load script 前言 在新电脑上重新搭建了ReactNative的开发环境后，发现项目启动正常没有明显的报错，但是手机端一直不能正常加载RN的项目，排查花费了很久的时间才解决，特记录下来方便有同样问题的人不会再在浪费时间在这个问题上。 问题 创建项目后，启动项目，从启动日志上来看，没有特别的错误，正常启动了。 手...
CURL错误代码及含义
热门推荐
sandro_zhang的专栏
09-30 5万+
NAME libcurl-errors - error codes in libcurl DESCRIPTION This man page includes most, if not all, available error codes in libcurl. Why
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值