如何配置虚拟主机，改变项目存储目录_html/css_WEB-ITnose

知识说明：

       虽然HTML5是前端的东西，但好的前端工程师，基本的后端知识也是要有的，今天刚开始学习HTML5，把如何配置虚拟主机，更换项目预览地址做出说明！

一、安装WAMP集成环境

二、启动Apache服务器

三、修改C:\wamp\bin\apache\apache2.4.9\conf\https.conf文件（前提：我的wamp是安装在C盘下的）

立即学习“前端免费学习笔记（深入）”；

将大概230行左右：

DocumentRoot "C:\wamp\www"（此为默认的localhost目录）

修改为：

DocumentRoot "D:\www\Web1"（D:\www\Web1是我的项目将要存放的目录）

为目录配置权限，修改点如下：

  （大概240行左右，将之前的全部注释上，将下面的复制进去即可）

       Options FollowSymLinks

       AllowOverride None

       Order deny,allow

       Allow from all

       Satisfy all

  （大概255行，将期间全部注释上，将下面的复制进去即可）

       Options Indexes FollowSymLinks

       AllowOverride all

       Order Deny,Allow

标贝AI虚拟主播

一站式虚拟主播视频生产和编辑平台

15

查看详情

       Allow from all

Directory >

四、将Include conf/extra/httpd-vhosts.conf（大概在521行）前面的#去掉，表示引入httpd-vhosts.conf文件

五、打开C:\wamp\bin\apache\apache2.4.9\conf\extra\ httpd-vhosts.conf文件

将虚拟主机的配置写完，如下：

    ServerAdmin webmaster@dummy-host.example.com

    DocumentRoot "D:\www\Web1"  （本地项目保存路径）

    ServerName localhost           （该项目绑定的域名）

    ServerAlias www.dummy-host.example.com   （该部分一般是与域名一致）

    ErrorLog "logs/dummy-host.example.com-error.log" （该部分一般是与域名一致，打印log文件，为了区分是哪个项目的log文件）

    CustomLog "logs/dummy-host.example.com-access.log" common（同上）

说明： 如果想要添加多个虚拟主机，则只需要将上面部分复制后，修改DocumentRoot、ServerName即可（当然DocumentRoot是项目保存在本地的路径；ServerName是该项目想要绑定的域名）

六、映射IP地址

修改C:\Windows\System32\drivers\etc\hosts文件，在文件最下面增加IP映射

127.0.0.1       localhost

127.12.13.14   www.****.com（将域名跟IP对应上即可）

七、以上全部配置完成后，重启Apache服务器即可

八、此时直接在浏览器中输入localhost，即可