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

由于我自己电脑上的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端口号),就可以访问了。


作者: 一蓑烟雨

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

分类:
posted 阅读(286 ) 评论(0 )

评论内容: