前端开发很多时候需要通过http://localhost或者127.0.0.1来查看本地编写的网站情况,但是每次都需要需要先访问localhost然后再选相关的文件,极其的麻烦(其实也不是很麻烦),但是我们可以在本地配置虚拟主机直接访问。(例如www.ahua.com)
更改apache的配置文件
打开本地的如下目录
打开后添加如下代码到配置文件中
<VirtualHost *:80>
ServerName www.ahua.com//这里是你自己配置的域名
ServerAlias www.ahua.com//这里是你自己配置的域名
DocumentRoot "${INSTALL_DIR}\www.ahua.com\public"//这里是域名默认打开的文件地址,
<Directory "${INSTALL_DIR}\www.ahua.com\public">//这里是域名默认打开的文件地址
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require local
</Directory>
</VirtualHost>
框出来的部分是虚拟域名默认打开的文件地址(wampserve\www.ahua.com\public)。
更改默认目录原理也一样
<VirtualHost *:80>
ServerName localtion
ServerAlias localtion
DocumentRoot "${INSTALL_DIR}\www.ahua.com\public"//在这里填写自己需要的目录地址即可
<Directory "${INSTALL_DIR}\www.ahua.com\public">//在这里填写自己需要的目录地址即可
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require local
</Directory>
</VirtualHost>
然后再打开该目录下的httpd.conf
找到Include conf/extra/httpd-vhosts.conf
如果前面有#就将#删除
最后在打开本地的hosts文件(Host文件是用于DNS解析的,浏览器会优先查找本地的host文件是否有对应域名的ip地址)
在最后一行添加上127.0.0.1 www.ahua.com
保存。现在域名已经配置完成了,重启一下wampserve后在浏览器中输入域名即可
其实最后一步还有可能遇到没有权限修改的问题,右键单击文件选择属性-安全,获取修改权限
最最后还有一个比较简单的配置虚拟主机的办法就是打开wampserve后点点点点点点点点点点
第一栏填写域名,比如www.ahua.com。第二栏为可选项,能通过IP访问虚拟主机,视需要填写;第三项为必需项,虚拟主机所在目录,根据自身需要填写,例如:d\wampserve\www.ahua.com\public。全部填完后点击按纽提交即可😀。