欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2023-12-26 16:37:33
...
知识说明:

虽然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

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,即可

上一篇:

下一篇: