转: 如何用手机访问电脑本地 localhost 网页或者服务器, 以调试web项目

最近开始转向移动开发方向,因此对于一个移动开发的前端来说,使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了。

因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——》ipconfig),

通过 ip 地址来进行自己本地服务器中的项目访问。本以为这种小 case 的东西可以分分钟搞定,可是,可是,可是偏偏就出现了无妨访问的情况。

如下图所示:

看到这个就泪奔了,竟然直接访问不到本地服务器啊。对于这种情况有两种解决方案: 方案一:暴力解决(当然不是砸电脑,摔手机)。

出现该问题主要是因为你电脑的防火墙将某些端口号的 htpp 的网络访问协议给屏蔽掉了(一般的电脑操作系统是默认不屏蔽 80,8080 一些常用的端口的),

所以你可以直接将自己的电脑的防火墙全部关闭。然后就可以完美访问了。具体设置路径给一下(方便菜鸟使用):控制面板 \ 所有控制面板项 \ Windows 防火墙 \ 自定义设置。

下面具体来讲解一下方案二:对于这种暴力方式还是很不友好的。为此,我们可以直接在防火墙中将 80 和 8080 端口设置为不屏蔽即可。

具体操作如下,首先进入到 windows 防火墙面板,点击高级设置

进入到高级设置界面,分别在入站规则和出站规则中新建规则,选择端口,点击下一步,然后直接在对应的输入框中输入 80,然后默认点击下一步,完成。

同样设置 8080 的这样一个规则。整个设置完成过后,手机就可以通过局域网来进行 ip 地址的访问了。

转自:https://blog.csdn.net/fly_home_ysc/article/details/49912621

原文地址:https://www.cnblogs.com/wind-wang/p/9695332.html

时间: 2024-10-09 18:30:01

转: 如何用手机访问电脑本地 localhost 网页或者服务器, 以调试web项目的相关文章

如何用手机访问电脑上的html文件

如何用手机访问电脑上的html文件 梦唪 | 浏览 3876 次 推荐于2016-03-26 08:08:58 最佳答案 1,你得搭建服务器,用Apache或者IIS.2,把HTML文件放到服务器里面,打开浏览器能访问到服务器(localhost)里的HTML.3,用CMD输入命令ipconfig查看本机的IP地址4,用IP地址代替localhost/.访问服务器.例如:192.168.1.123/xxx.html5,以上例子在本地局域网有效.如果要在互联网访问请把HTML文件放到网上的服务器再

如何让手机访问电脑本地服务器的网页---超简单

超简单超实用 移动开发的前端来说,使用各种真机来进行自己网站进行查看是必要的.因此,会经常通过电脑开启一个 wifi 来供手机进行连接,形成一个小的局域网,然后就通过局域网的 ip 地址(查询 ip 地址,cmd——>ipconfig), 通过 ip 地址来进行自己本地服务器中的项目访问.这种方法十分的简单,下面我为大家一一介绍. 第一步:查看自己的电脑有没有安装IIS,随便打开一个浏览器,在网址那里输入localhost然后回车,如果出现如下图所示的页面说明电脑安装好了IIS,如果不是的话自己

手机访问电脑本地服务器

家里路由器上网,电脑和手机都是连的同一个路由器. 电脑上Apache搭建的静态服务器,127.0.0.1正常访问页面 但是手机不能用127.0.0.1来访问,因为127.0.0.1是"本地环回地址" 那怎么整呢? 我是win8,win+r打开"运行",输入cmd回车,然后使用ipconfig命令: 手机浏览器中访问红框中192.168.0.103就可以访问到电脑里127.0.0.1对应的页面,它们用的默认的80端口.如果是win7,就会很顺利到这,但是如果win8就

手机访问电脑wampServer本地环境页面

1.  电脑需要安装好wamp,我这里用的2.0版本,下载地址   http://pan.baidu.com/s/1jG31hbS 2. 电脑需要有个wifi,我用的360wifi 3. 启动wamp后,在电脑本地可以通过127.0.0.1访问到本地的项目 4. 用手机连接360wifi后,访问内网ip,也就是电脑的ip地址.这时可能会出现403,解决办法如下: 我用的wamp2.0此方法可行 找到Apache下的 httpd.conf 然后查找Directory这个词开头的 1.将Allow

charles做代理手机访问电脑运行的本地项目

在h5开发中经常一些兼容性问题需要在真机中调试,首先我们想到的是在同一局域网中手机访问电脑IP地址,但当需要访问本地域名时这样就显得无能为力了,此时我们可以在mac中使用charles做代理. 1.Charles端口设置    proxy->proxy Setting,设端口号为8888 2.IOS&Android代理环境配置 连接wifi,点开设置http代理, 选择手动: 服务器填写charles所在本机的ip地址,端口号8888. 即可 原文地址:https://www.cnblogs

使用手机访问电脑上写的网页

做移动端开发都要开发环境,但是我们有可能会在想我们能不能在PC端开发完后,然后在手机端预览效果,这样的话,对于我们开发有以下优点: 1. 能方便调式代码,能看到效果,不需要依赖于安装环境. 2. 我们自己平时在家里也可以做移动端开发demo,让我们可以更多的了解移动端开发的知识点,减轻工作上压力. 下面来让我们来学习如何使用PC端开发网页,然后再在手机端预览效果!! 一: 搭建本地服务器环境,我是前端开发人员,对服务器端并不是非常了解,所以简单的搭建一个PHP环境,直接安装Wamp5软件,ok直

如何使用手机访问电脑上的视频

前提: 手机和电脑连接的网络必须在同一局域网下. 优势: 电脑不用下载额外的软件,手机有一个文件浏览器工具即可. 虽然网上也有很多种方法使用手机访问电脑视频,比如一些播放器自带的功能或者一些wifi连接工具的工具,但都要在手机和电脑各安装一套软件,就像以前我用过一个手机控制电脑,把手机做手柄玩电脑游戏的APP,但是操作还是不便,下面我就使用一个土著方法(mac除外,只针对windows) 一. 电脑必须要有账号和密码(电脑默认有账户,密码默认为空),设置方法: 控制面板->用户账户->选择账户

同一局域网下手机打开电脑本地网站

同一局域网下手机打开电脑本地网站 一.    打开IIS Win+R --------------打开‘运行’ 输入cmd,按回车----------跳到dos视窗操作界面(小黑窗) 停止IIS(iisreset/stop ) 启动IIS(iisreset/start) 二.    增加网站,及填写和选择你的网站名字,路径,以及端口和IP (http://jingyan.baidu.com/article/72ee561a42bd44e16038df6e.html) 1.首先到控制面板里面安装好

怎么在手机浏览器上访问电脑本地的文件,局域网内,自建WiFi也可以

首先,电脑要有Mysql+Apache+PHP环境,我直接用Wampsever,开启环境后手机和电脑要再同一个局域网内,然后电脑上打开win+R,输入cmd,再输入ipconfig,就可以看着这台的电脑的ip了一般是IPv4 地址 . . . . . . . . . . . . : 192.168.X.X”的一般就是你的内网IP了,然后在手机浏览器上直接输入这个内网IP,就可以访问到环境根目录中的文件了.