在进行移动端网页的开发时，为了及时方便在手机上及时预览本地代码实现的效果，就需要用自己的手机能够直接访问本地开发阶段的网页，所以有了此篇文章，以作备忘。

由于我自己电脑上的IIS安装总是有问题，所以我就先用Apache进行配置部署：

一、Apache的安装

我的电脑是win10 64位系统。首先是下载Apache软件，下载地址：http://www.apachelounge.com/download/

下载完成后解压后的效果图如下，解压目录是 E:\Apache

二、修改文件

打开E:\Apache\Apache24\conf目录下的httpd.conf文件并作以下修改：

ServerRoot（apache目录）改为E:\Apache\Apache24

ServerName （服务器名称） 去掉#，改为127.0.0.1

DocumentRoot （修改网站根目录地址）自己设置，一般设置为E:\Apache\Apache24\htdocs

<Directory “网站根目录地址”>  与上一步地址相同

ScriptAlias  改为   /cgi-bin/ “apache目录+/cgi-bin/”  （）如：ScriptAlias /cgi-bin/ “e:/Apache/Apache24/cgi-bin/”

<Directory “apache目录+/cgi-bin/”>（与上面那个Directory 不同，如：<Directory “e:/Apache/Apache24/cgi-bin/”>） 

三、安装

安装/卸载命令（以管理员身份运行CMD）

安装命令：”E:\Apache\Apache24\bin\httpd.exe” -k install -n apache

卸载命令：”E:\Apache\Apache24\bin\httpd.exe” -k uninstall -n apache

(每改一次.conf文件，都要卸载后重新安装)

执行完命令后，可能遇到这样的问题：

这是因为80端口已经被用了，所以你就要改端口，还是在httpd.conf文件中找到Listen 80这一行（大概在58行），将80改为8080就行了，然后再卸载，安装。

直到出现这样的提示：

上面红框中的不是错误，只是提示再启动之前这里必须保证没有错误。

四、测试是否成功

打开浏览器，再输入网址的地方输入：http://127.0.0.1:8080/index.html，出现以下界面则成功

注意：前提是你把前面所提到的网址的根目录设置为E:\Apache\Apache24\htdocs，因为这个文件夹会自带一个index.html的文件。

此时，将127.0.0.1替换成自己电脑的IP地址 再进行访问也是可以的。（注意要保证Apache的服务处于开启状态）

五、手机中访问

首先电脑上要共享出WiFi热点，然后手机连接此WiFi，保证手机和电脑在一个网络中（类似在一个局域网中吧）

开启WiFi热点

这时用手机连接此WiFi，连接成功后，就可以在手机浏览器中输入电脑的IP地址（带上8080端口号），就可以访问了。

文章来自个人博客网站：https://www.dupengnet.com/detail/5a0956fe72d82007a429b17a