美文网首页默认收藏夹程序员前端
使用WampServer搭建本地服务器完整教程

使用WampServer搭建本地服务器完整教程

作者: 晌风 | 来源:发表于2017-10-02 08:04 被阅读519次

    声明:如果只是需要通过localhost来访问本地站点,则只需要完成第一步即可。

    1. 软件下载与安装

    1.1 WampServer下载
    1.2 软件安装

    注意:本文所有的步骤都是基于2.2版本,其他版本相关操作可能有所出入。

    2. 正文

    2.1 通过localhost以及ip地址来访问根文件夹

    安装完毕后,单击任务栏中的WampServer图标,点击localhost就会在浏览器中打开默认的根文件夹中index.php文件,显示如下:

    index.php

    然后进行如下操作(如果出现403 forbidden的情况也不要着急,进行如下的操作即可):

    • step1:点击WampServer图标,在Apache目录下找到httpd.conf文件,用记事本打开。
    httpd.conf的位置
    • step2:Ctrl+F查找deny,将如下几个位置的deny改成Allow。

    • step3:更改完成后Ctrl+S保存,按照如下的步骤重启Apache:

    重启Apache
    • step4:在浏览器的地址栏中输入localhost或当前设备的ip地址就可以访问到WampServer默认的根文件夹了,在同一局域网下的其他设备同样可以通过ip地址访问到默认文件夹。

    ip地址的查看方式:Win+R键打开运行,输入cmd,回车,输入ipconfig即可看到ip地址。

    2.2 更改服务器默认文件夹

    打开httpd.conf文件,查找document.root,将路径改为你想要设置的默认路径,如下:

    更改根文件夹位置01 更改根文件夹位置02

    按照上文提到的方式重启Apache后在浏览器中输入localhost,就变成了刚刚设置好的默认文件夹。

    2.3 通过域名访问多个站点
    • step1:先在更改后的默认文件夹中新建需要通过域名访问的站点,每一个站点都是一个独立的文件夹,如下是我的默认文件夹:
    根文件夹
    • step2:在httpd.conf文件中Ctrl+F查找virtual hosts,将它下面的Include conf/extra/httpd-vhosts.conf前面的"#"(下图红色方框)去掉,保存。
    删除Include前面的"#"
    • step3:在安装路径下的wamp\bin\apache\Apache2.2.21\conf\extra路径中打开httpd-vhosts.conf文件,添加localhost,如下:


      在vhost中添加localhost

    然后添加你想通过域名访问的站点,示例如下:

    添加域名.PNG
    • step4:最后一步,找到C:/Windows/System32/drivers/etc 下的host文件,一般可以看到最下方有一个127.0.0.1对应一个localhost域名,我们需要将刚刚添加的两个localhost和两个域名都添加到最下面,对应我之前进行的操作,就是添加如下内容:
      127.0.0.1 localhost
      127.0.0.1 localhost
      127.0.0.1 alicloud-home.com
      127.0.0.1 www.alicloud-home.com

    效果如下:


    对host文件进行更改

    然后按照之前的步骤重启Apache,就可以在浏览器的地址栏中通过之前设定的域名访问默认文件夹中的网站了。

    大功告成。

    注:通过改hosts文件实现域名访问本地文件的原理:当用户在地址栏中输入要访问的网址时,浏览器首先会在hosts文件中查找,如果有对应的域名,则会优先访问该域名所指向的本地文件。如果没有,浏览器才会去网络中查找有没有对应的域名。

    相关文章

      网友评论

        本文标题:使用WampServer搭建本地服务器完整教程

        本文链接:https://www.haomeiwen.com/subject/kxcasxtx.html