React移动端端局域网手机访问测试

最新推荐文章于 2024-04-27 15:12:09 发布
最新推荐文章于 2024-04-27 15:12:09 发布
阅读量516 收藏
点赞数 2
分类专栏： 前端 React 工具使用 文章标签： 功能测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51126511/article/details/128627794
版权
前端 同时被 3 个专栏收录
28 篇文章 0 订阅
订阅专栏
工具使用
27 篇文章 1 订阅
订阅专栏
React
4 篇文章 0 订阅
订阅专栏

React移动端端局域网手机访问测试

其实这个好多移动端项目都通过这么访问测试也没问题的

首页，保证电脑和手机在一个局域网下，也就是连接同一个wifi

这是电脑上启动的项目对应路径

查看电脑在该局域网的ipv4地址

打开cmd窗口，输入ipconfig

在这里插入图片描述

比如这个，那么本电脑在该局域网的ipv4地址就是

192.168.31.123

手机端访问ipv4+端口+路径即可实现

在本例子中，手机端浏览器输入

192.168.31.123:8000/m/layout/home

即可访问

感谢阅读

绘绘～
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react手机商城，个人学习测试20220916版
09-16
react手机商城，个人学习测试20220916版
小程序 android请求成功，ios请求失败
laoshu的博客
07-29 1410
安卓手机请求接口返回200，苹果手机请求接口返回400，经过查询后这是ios的一个bug 当你要传的参数是空的时候，不要传null，直接把这个参数删除 我的请求是这样的： wx.request({ url: url, method: options.method, header: header, data: (options.putJsonData ? JSON.stringify(options.putJsonData) : null...
JDReact 开发指南
大灰狼的小绵羊哥哥的博客
08-10 3929
转载https://mp.weixin.qq.com/s/2j1ytixk7XOMDWSWIEJ0Pw 笔者曾数次打开 RN 官方文档，看着自己的 Windows 电脑默默的又把页面关了。对于 RN 以及 JDReact ，仅停留在这是一个拥有独特标签的 React 库的印象上。 在着手 JDReact 开发后，发现它不仅仅只是一个 React 库那么简单，它的周边及组件库都有很多挑战。 笔...
网络状态码报错
weixin_57633124的博客
04-13 200
网络状态码报错
React Native 环境搭建及异常处理
alceyping的博客
01-05 585
安装JDK 从Java官网下载JDK并安装。请注意选择x86还是x64版本。 推荐将JDK的bin目录加入系统PATH环境变量。 安装Android SDK 可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio，以下说明会默认以Android Studio的方式说明。请注意选择x8
【React踩坑记一】React项目中禁用浏览器双击选中文字的功能
毛毛虫博客
01-16 1450
常规项目，我们只需要给标签加一个onselectstart事件，return false就可以 例： <div onselectstart="return false;" ></div> 但是在React中，是没有onselectstart事件的 我们只需要给标签添加个样式就可以了。 .node{/*node为标签的class名*/ -webkit-user-sele...
手机访问create-react-app项目：ip地址加端口号，不需要打包
qq_35276073的博客
03-12 1629
1、保证手机和电脑处在同一个局域网中： 查看电脑的ip地址：注意：是无线网的ip地址不是以太网适配器的ip 点击属性查看： 2、经第一步得到，我的ip地址是192.168.43.185，在电脑上测试访问 http://192.168.43.185/ ，是否能够访问通。若不能，查看服务中万维网服务(world wide web)是否开启,通过以下步骤开启： win+r : cmd中services.msc 找到world wide web服务后开启 3、测试过程：再次测试电脑上..
手机浏览器访问不了局域网_浏览器访问不了网站？？
weixin_39980129的博客
12-02 1030
话说，总有一些时候就是见鬼了，电脑死活上不去网~最神的操作是“重启”，十有八九会解决滴。but，如果遇到你的电脑QQ啥的还能上网，唯独浏览器(部分以前可以上的去的网站)不好使，那么你应该会百度，百度上应该会这样说：在电脑右下角网络图标上右键》打开网络设置2.在当前网络上右键》属性3.配置一下IP地址和DNS服务器，一般应该是114...啥的4.有可能还不好使，那么你咋办？或许你会拔网线重...
React中使用全局IP配置
小问号我们是朋友的博客
11-12 3525
平时请求后台数据接口时，由于不同环境下接口地址不同，常常需要修改多处请求的URL。现使用全局IP配置，使得只修改一处便可以切换不同环境，利于开发维护。 1.创建全局配置文件 将不同环境的接口地址请求头放在这个文件中，方便管理。 ipConfig.js： //配置后台接口URL地址 export const ipList = { PRESENT_IP : 'http://localhost:8081/evidences', TEST_I...
你知道如何在手机上打开react创建的页面吗？
小嘟的博客
12-17 1102
1.今天犯了糊涂了，竟然不知道如何把react创建的应用在手机上打开，可能也有和我一样不知道吧！！！（哈哈哈） 今天还问了学哥，感觉自己太傻逼了，其实就是npm start启动项目后出现的那个网址（On Your Network: 这里的网址复制到手机打开就好） 这下没有不会了的吧！！！ 2.今天我终于发现了，react竟如此的方便，能直接在手机上打开，不用像之前那样需要将文件打包发到手机，然后才能打开网页 3.今天在看react的登录注册，用到的东西比...
React移动web极致优化
02-25
最近一个季度，我们都在为手Q家校群做重构优化，将原有那套问题不断的框架换掉。经过一些斟酌，决定使用...单单是Webpack+React+Redux就已够一个入门者够呛，更何况还要兼顾直出和手机客户端。不是一般人能hold住所有
ReactNative移动开发工具-其他
06-29
React Native通过一个基于FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。 ReactNative移动开发工具 更新日志： v0.64.1 此修补程序版本专门针对解决Xcode 12.5中的iOS构建问题。 除了将您的...
基于React仿苹果手机计算器特效
07-24
基于React仿苹果手机计算器特效是一款基于React制作的iPhone苹果系统手机加减乘除计算器实例。
React + React Native 实现双端视频聊天、屏幕共享
frontend_frank的博客
01-31 178
大家好，我是杨成功。之前介绍过 WebRTC，简单来说它是一个点对点的实时通讯技术，主要基于浏览器来实现音视频通信。这项技术目前已经被广泛应用于实时视频通话，多人会议等场景。不过 WebRTC 因为其过于优秀的表现，其应用范围已经不限于 Web 端，移动 App 也基本实现了 WebRTC 的 API。在跨平台框架中，Flutter 和 React Native 都实现了对 WebRTC 的支持。...
Reactjs 部署到django中实现局域网内离线网页访问及请求
weixin_42926195的博客
05-13 414
django-admin startproject robotserver //settings.py """ Django settings for robotserver project. Generated by 'django-admin startproject' using Django 1.11.20. For more information on this file, ...
Android fetch 局域网,React Native Android Fetch在连接到本地API时失败
weixin_35171603的博客
06-02 359
10 个答案:答案 0 :(得分：45)您无法访问本地开发服务器，因为该端口尚未由ADB转发。当您运行react-native run-android时，React Native会将端口8081与您的移动设备映射到USB上。当您断开USB连接时，您将无法再刷新或热重新加载代码。所以在这种情况下你可以做两件事，就像React Native那样映射你的本地服务器端口，或者使用你的本地IP地址。映射端口...
使用手机通过Ip访问react项目 记录
qq_51983617的博客
11-09 1178
电脑连手机热点，启动react项目，根据vscode终端的地址，用电脑浏览器访问项目看能否打开（一般在没有对电脑设置过的情况下无法访问）如果不能找到world wide web服务，按照以下步骤设置，如果能找到就可以忽略以下步骤，直接看第三步。在能通过电脑浏览器访问的情况下，用手机浏览器通过Ip访问项目，一般情况下不会被拒绝访问。在无法通过电脑浏览器访问的情况下，win+R打开黑窗口输入。选项，点击进入新界面看到三种网络，依次点进去关闭。，点击进入到新界面后，找。在打开的卡片中，选中。服务，启动这项服务。
手机访问本地局域网内服务器网站
zhaoqi5705的专栏
01-25 9790
为了方便自己测试，需要用手机访问本地服务器的网站，经几番折腾，总算是如愿访问上了。 环境：win7 服务类型：iis 步骤一 1、新建网站 2、ip地址配置上当前pc端的IP 3、端口需要用80端口，我试过其他的没有访问成功（其他2种形式没有访问成功，1配置主机名，在配置文件中绑定host。2用除了80之外的端口没有访问成功 ） 步骤二 以下两种方式
功能测试_分类_用例_方法
最新发布
HYSliuliuliu的博客
04-27 714
测试用例编写方法-等价类划分法。
react 单元测试
08-25
React 单元测试是用来测试 React 组件的功能和行为是否符合预期的一种测试方法。在 React 中，可以使用一些测试工具来进行单元测试，如 Jest 和 Enzyme。 首先，确保你的项目中已经安装了所需的测试工具。你可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值