行业资讯

WAMP安装虚拟主机保姆级教程,萌新也能轻松拿捏!

2025-09-22 12:40:32 行业资讯 浏览:31次


嘿,各位码场上的奋斗人!今天咱们来聊个能瞬间提升你开发逼格的小技巧——在WAMP环境下安装虚拟主机。是不是每次新建一个项目,都得在浏览器地址栏里敲下那长得像老奶奶裹脚布一样的“localhost/my-super-duper-project-version-2/”?简直了,自己看着都嫌弃,要是给客户演示,那画面太美我不敢看,感觉身价都掉了好几万。

别急,今天就带你告别这种“蜗居”时代,给你的每个项目都安排上一套带独立域名的“海景大别野”!想象一下,以后你在本地开发,直接输入“www.project-a.com”或者“dev.shop.com”,是不是瞬间感觉自己从游击队升级成了正规军?没错,这就是虚拟主机的魔力!它能让你的本地电脑,伪装成一个拥有多个网站的服务器,每个网站都有自己专属的域名,互不干扰,清清爽爽,强迫症患者表示一本满足!

废话不多说,系好安全带,老司机要发车了!整个过程其实就三大步,跟把大象放进冰箱一样简单,咱们一步步来,保证你学得会,弄得懂,操作起来行云流水,帅得飞起!

第一步:解除封印!让Apache大哥认识新世界的大门。咱们得先修改Apache的主配置文件,告诉它:“喂,醒醒!除了默认的那个localhost,我还要玩点花活儿,你得把虚拟主机的功能给我打开!”这个操作就像是给你的英雄点了新技能,战斗力瞬间爆表。

首先,找到你的WAMP托盘图标,就是屏幕右下角那个绿色的“W”图标。左键单击它,会弹出一个非常酷炫的菜单。然后,依次选择“Apache” -> “httpd.conf”。这时候,一个记事本或者你的默认编辑器就会跳出来,里面是密密麻麻的配置代码,别怕,咱不是来读天书的,是来当“代码修改大师”的。

在打开的httpd.conf文件里,你要做的就是按“Ctrl + F”搜索大法,找到下面这行代码:

#Include conf/extra/httpd-vhosts.conf

看到了吗?它前面有个“#”号,这个在配置文件里是注释符,意思是这行代码现在是“休眠”状态,不起作用。咱们要做的,就是把它前面的“#”删掉,给它“解封”!让它变成:

Include conf/extra/httpd-vhosts.conf

这一步操作的本质,就是告诉Apache:“我的虚拟主机配置规则,全都写在conf/extra/httpd-vhosts.conf这个文件里了,你以后要听它的!”。改完之后,先别急着关,有的WAMP版本可能还需要你确认另一个模块也开启了。再用“Ctrl + F”搜索“vhost_alias_module”,确保`LoadModule vhost_alias_module modules/mod_vhost_alias.so`这一行前面也没有“#”号。通常默认是开启的,检查一下总没错。好了,保存并关闭这个文件。第一步,搞定!是不是比想象中简单?

第二步:精装修你的“海景大别野”!现在,我们要去编辑刚才“解封”的那个`httpd-vhosts.conf`文件了。这可是核心中的核心,你的网站叫什么名字,房子(项目文件夹)在哪里,都得在这里登记备案。同样,左键单击WAMP图标,选择“Apache” -> “httpd-vhosts.conf”,打开它。

打开后,你可能会看到里面已经有两个被注释掉的示例了。别管它,直接拉到文件最下面,咱们自己动手,丰衣足食。把你自己的配置信息粘贴进去。下面我给你个万能模板,你照着改就行:

<VirtualHost *:80>
ServerName localhost
DocumentRoot "d:/wamp64/www"
<Directory "d:/wamp64/www/">
Options +Indexes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

<VirtualHost *:80>
ServerName www.my-project.dev
DocumentRoot "d:/wamp64/www/my-project"
<Directory "d:/wamp64/www/my-project/">
Options +Indexes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

我来给你翻译翻译这段“咒语”是什么意思。首先,第一个`VirtualHost`块非常重要!它是为了保证你原来的localhost还能正常访问。很多萌新配置了新的虚拟主机后,发现localhost打不开了,就是因为忘了加上这个“保命”配置。记得把里面的`DocumentRoot`路径改成你自己WAMP的www目录路径。

第二个`VirtualHost`块就是咱们新建的“大别野”了。你需要修改两个地方:`ServerName`和`DocumentRoot`。`ServerName`就是你给这个项目取的专属域名,比如`www.my-project.dev`,你可以随便取,但最好有辨识度,用.dev、.local、.test作为后缀是个好习惯,避免和真实的互联网域名冲突。`DocumentRoot`则是你这个项目的根目录路径,也就是你那堆PHP、HTML文件放的地方。路径一定要写对,盘符、斜杠一个都不能错,建议直接从文件管理器的地址栏复制粘贴,再把反斜杠“\”改成正斜杠“/”。

至于那个``里面的东西,尤其是`Require all granted`,这句是关键!它相当于给你网站的访客发了张“通行证”,告诉Apache:“所有访问这个目录的请求,一律放行!”。如果你不加这句,或者用了老版本的`Allow from all`,在Apache 2.4+的环境下,很可能会收获一个大大的“403 Forbidden”错误,那感觉,就像你拿着钥匙却进不了自己家门,憋屈不?

搞定这些配置是不是感觉自己又变强了?简直跟打怪升级一样。说到打怪升级,我最近摸鱼的时候发现个好地方,如果你平时也玩游戏想要赚零花钱就上七评赏金榜,网站地址:bbs.77.ink,就当是给自己加个鸡腿了。好了,闲话少说,我们继续!如果你有多个项目,就复制粘贴第二个`VirtualHost`块,然后修改对应的`ServerName`和`DocumentRoot`就行了,想建多少个“别野”就建多少个,简直不要太爽!改完之后,保存并关闭文件。第二步,大功告成!

第三步:发布“宇宙广播”,让你的电脑认识新域名。现在,你的服务器已经知道新域名的存在了,但你的电脑还蒙在鼓里。你在浏览器里输入`www.my-project.dev`,它会一脸懵逼地跑去问互联网上的DNS服务器:“嘿,哥们,这货是谁啊?”结果当然是查无此人。所以,我们得修改一个叫做`hosts`的系统文件,给你的电脑开个小灶,建立一个“内部通讯录”。

wamp安装虚拟主机

这个`hosts`文件藏得有点深,它的位置在`C:\Windows\System32\drivers\etc\`目录下。但是,修改它需要管理员权限,直接双击打开是无法保存的,会提示你权限不足。正确的打开方式是:在Windows开始菜单里搜索“记事本”(Notepad),然后右键点击它,选择“以管理员身份运行”。

打开了管理员权限的记事本后,点击左上角的“文件”->“打开”,然后在路径里输入`C:\Windows\System32\drivers\etc\`,回车。你可能会发现文件夹是空的,别慌,这是因为记事本默认只显示.txt文件。点击右下角的文件类型下拉框,选择“所有文件(*.*)”,你看,`hosts`文件就出现了!选中它,打开。

在文件的最末尾,另起一行,添加以下内容:

127.0.0.1 www.my-project.dev
::1 www.my-project.dev

这里的`127.0.0.1`就是你本地电脑的IP地址,也叫“本地回环地址”。这两行代码的意思就是告诉你的电脑操作系统:“记住了啊,以后只要有人要访问`www.my-project.dev`,别往外跑了,直接找`127.0.0.1`,也就是你自己就行!”。第一行是针对IPv4的,第二行(::1)是针对IPv6的,都加上比较保险。如果你在第二步配置了多个虚拟主机,就在这里加多行,一个域名对应一行。改完后,Ctrl+S保存,关闭记事本。第三步,完美收官!

最后一步,也是最关键的一步:重启大法好!所有配置都改完了,必须得让WAMP服务器重新加载这些新规则才能生效。还是左键单击WAMP托盘图标,选择“重启所有服务”(Restart All Services)。等待图标从红色、橙色变回稳定的绿色,就代表你的服务器已经满血复活,并且带着你的新配置闪亮登场了!

现在,打开你的浏览器,在地址栏里骄傲地输入你刚刚配置的域名,比如`www.my-project.dev`,然后敲下回车!如果一切顺利,你应该能看到你项目文件夹里的主页了!恭喜你,你已经成功解锁了WAMP虚拟主机新技能!再也不用忍受那长长的localhost路径了!

如果很不幸,页面没出来,而是报错了,比如403 Forbidden,或者还是跳转到了WAMP的默认主页。别慌,深呼吸,问题不大。99%的可能是前面的步骤有笔误。检查一下`httpd-vhosts.conf`里的路径是不是写错了,斜杠方向对不对?`Require all granted`是不是写了?`hosts`文件里的域名和`httpd-vhosts.conf`里的`ServerName`是不是完全一致,一个字母都没差?或者,你是不是忘了最开始在`httpd.conf`里解除那个“#”的封印?再或者,你是不是改完配置忘了重启服务?如果WAMP图标是橙色的,说明你的配置文件有语法错误,可以左键点击图标 -> Apache -> Apache错误日志,看看里面报了什么错,找到错误日志,打开它,你会看到满屏天书般的代码,但别怕,错误信息通常就在最后几行,它会告诉你究竟是哪个标点符号又在跟你闹脾气了。就像你女朋友突然生气,原因可能只是因为你……