Wamp 集成环境下Ip远程访问

今天准备做一个手机端功能的交互界面,这时候需要在手机上调试。尽管可以使用Chrome的手机预览功能,但那个并不严谨,毕竟还是手机展示出真实的效果才能做到更好的兼容。

如果想要在手机上调试,那肯定需要有一个Web服务并且可以提供远程访问。刚好电脑上面之前就已经搭建好了Wamp集成环境的本地服务器,把所有的前端代码放到服务器的www目录。Wamp是一个纯傻瓜式安装,没有什么技术难度可言,但是一个好的服务器与它的配置是分不开的。

就像今天,成功启动服务启后,在本地localhost可以直接访问项目,使用本机Ip地址的方式也可以访问。但就是不能远程通过手机或者其他机器访问。

在手机上访问项目后出现如下借误信息:

Forbidden
You don’t have permission to access / on this server.
Apache/2.4.9(Win64) PHP/5.5/12 Server at 192.168.1.10 Port 80

大概上面的意思就是你没有权限访问192.168.1.10机器上面的80端口。

在本机电脑上面可以访问,但是不能远程访问,这肯定根服务器环境的安全配置有关。

于是找到Apache所对应的配置文件“httpd.conf”。并找到服务器存放文件的根目录,即“www”目录(默认存放目录)。

打开“httpd.conf”,定位到:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<Directory "D:/Program Files/Wamp/www/">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options Indexes FollowSymLinks

    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   AllowOverride FileInfo AuthConfig Limit
    #
    AllowOverride all

    #
    # Controls who can get stuff from this server.
    #

    # onlineoffline tag - don't remove
    Require local
</Directory>

把里面的“Require local”改成“Require all granted”即可。意思是由原来的“接受本地请求”,改为后面的“接受所有请求”。重启Apache服务器,然后就可以通过远程访问。