你的位置:首页 > 网页设计

[网页设计]如何配置虚拟主机,改变项目存储目录


知识说明:

       虽然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是我的项目将要存放的目录)

为目录配置权限,修改点如下:

<Directory />  (大概240行左右,将之前的全部注释上,将下面的复制进去即可)

       Options FollowSymLinks

       AllowOverride None

       Order deny,allow

       Allow from all

       Satisfy all

</Directory>

<Directory "c:/wamp/www/">  (大概255行,将期间全部注释上,将下面的复制进去即可)

       Options Indexes FollowSymLinks

       AllowOverride all

       Order Deny,Allow

       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文件

将虚拟主机的配置写完,如下:

<VirtualHost *:80>

    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(同上)

</VirtualHost>

说明: 如果想要添加多个虚拟主机,则只需要将上面部分复制后,修改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,即可