mac下XAMPP简单配置

2018-10-14

1. 安装

先去官网下载mac版安装包，点击下载好的dmg文件，然后一路next，完成安装。

安装完成之后在应用程序里可以看到多了XAMPP这样一个文件夹，里面包含

png
点击里面的manager-osx.app即可启动软件。

2. 作用

XAMPP是最流行的PHP开发环境，可以轻松搭建本地服务器，模拟运行环境。例如我们有时候开发一些前后端不分离的项目，就需要搭建本地环境，这时候XAMPP就可以派上用场了。打开软件，可以看到 png 里面包含三种服务，下面以Apache为🌰说说怎么配置。

3. host修改

先修改host文件，添加host，用于后面访问的域名

1	127.0.0.1 test.com

4. 新建测试文件

直接在桌面新建index.html和test.php文件，用于后面测试

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <div>
    hello world
  </div>
</body>
</html>

1
2
3

<?php
  echo phpinfo()
?>

代码很简洁

5. httpd.conf文件修改

打开应用程序文件夹下XAMPP目录，打开etc目录下的httpd.conf文件。

找到下面的代码
1
2
3
4
<Directory />
    AllowOverride none
    Require all denied
</Directory>
将其修改为

<Directory />
    Order deny,allow
    Allow from all
</Directory>

下面代码的路径修改为刚新建的测试文件目录路径，即桌面（twilight是我的计算机名😅）
1
2
DocumentRoot "/Users/twilight/Desktop"
<Directory "/Users/twilight/Desktop">
上面里面添加后面三行代码

<Directory "/Users/twilight/Desktop">
    .
    .
    .
    .
    .
    .
    Require all granted
    Order deny,allow
    Allow from 127.0.0.1
    Allow from all
</Directory>

最后搜索下面的代码，并注释

1	#Include etc/extra/httpd-vhosts.conf

至此，httpd.conf文件修改完毕。。。

6. httpd-vhosts.conf文件修改

打开etc/extra下的httpd-vhosts.conf文件。

修改为下面的代码，注意域名和路径要和前面的对应好。

<VirtualHost *:80>
  ServerName test.com
  ServerAlias test.com
  DocumentRoot "/Users/twilight/Desktop"
<IfModule mod_rewrite.c>
#LogLevel debug rewrite:trace3
</IfModule>
</VirtualHost>

7. 启动服务

打开APP，点击Apache Web Server 右侧的start按钮，这时通过application log面板可以看到

png 服务已经开启成功

8. 访问

打开谷歌浏览器，输入地址，看到熟悉的hello world了吗？
有可能真的看不到，要在终端运行下面的命令

1 2	cd /Users/twilight/Desktop chmod -R 777 /Users/twilight/Desktop

原因是目录访问权限没开启。。。