Mac下xampp配置基于域名的虚拟主机vhost

前言

最近在学习ThinkPHP5.0过程中有一个需要配置虚拟主机的过程，就是将目录文件配置成站点。整理了一份配置的文档

ThinkPHP5快速入门.png

使用的XAMPP.png

配置过程

1.编辑hosts文件，目录是/etc/hosts，打开终端操作，因为mac有权限限制，因此需要暂时获取root权限。

sudo nano /etc/hosts

终端操作1.png

输入密码后，添加站点名称

终端操作2.png

在gun nano编辑器中进行修改，按control+X退出，按Y确认，按回车退出

2.修改xampp的配置文件
（1）修改httpd.conf文件，目录是/Applications/XAMPP/xamppfiles/etc/httpd.conf,在终端里输入命令如下

sudo nano /Applications/XAMPP/xamppfiles/etc/httpd.conf

终端操作3.png

终端操作5.png

（2）打开httpd.conf文件后，按ctrl＋W搜索 “httpd-vhosts.conf”，去掉前面的 # 注释符，确保引入了 vhosts 虚拟主机配置文件。

搜索出配置部分并且去掉#.png

（3）再在httpd.conf的最后面添加一段以下代码

;

Options Indexes FollowSymLinks ExecCGI Includes #don't >permission see list

Options All
AllowOverride All
Order allow,deny
Allow from all

说明：

“Options All”是允许目录浏览，有安全性风险，适合用于个人调试程序，需注意当站点根目录含index.html页面时，会默认打开网页，而不是目录列表，因此此模式需删除index.html.
“Options Indexes FollowSymLinks ExecCGI Includes”是不允许目录浏览，适合正式站点

终端操作.png

（4）打开文件httpd-vhosts.conf文件，目录是/Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf,在终端里输入命令如下：

sudo nano /Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf

终端操作.png

终端操作.png

编辑完成后，按ctrl＋X退出，按Y保存，重启xampp，浏览器输入127.0.0.1 tp5.com localhost看看页面出来的内容。你会发现这几个站点都会指向原来的xampp的引导页。

最终效果1.png

最终效果2.png

最终效果3.png

参考：
WEB前端开发工程师的随记–黑妞HAHA
mac os下xampp配置基于域名的虚拟主机