返回

XAMPP 配置多个网站教程

前端

如何在 XAMPP 中配置多个网站

我们都知道,XAMPP 是一个非常方便的本地开发环境,它集成了 Apache、MySQL、PHP 等常用的开发工具,而且安装起来非常简单。但是,在 XAMPP 中配置多个网站可能会让一些新手感到困惑。

准备工作

在配置多个网站之前,我们需要先确保已经正确安装了 XAMPP。如果没有安装,可以先到 XAMPP 官网下载相应的版本,然后根据安装向导进行安装。

安装完成后,我们还需要做一些准备工作:

  1. 编辑 XAMPP 的配置文件 xampp\apache\conf\httpd.conf,找到以下几行:
DocumentRoot "${INSTALL_DIR}/htdocs"
<Directory "${INSTALL_DIR}/htdocs">

"${INSTALL_DIR}/htdocs" 替换成你的 XAMPP 安装目录,例如:

DocumentRoot "C:/xampp/htdocs"
<Directory "C:/xampp/htdocs">
  1. 创建一个新的文件夹,作为你的网站根目录。例如,你可以创建一个名为 mysite 的文件夹,位于 C:\xampp\htdocs 目录下。

  2. C:\Windows\System32\drivers\etc 目录下找到文件 hosts,然后用记事本打开它。在文件末尾添加以下几行:

127.0.0.1       mysite.local
127.0.0.1       www.mysite.local

这样就完成了准备工作。

配置虚拟主机

接下来,我们需要配置虚拟主机。虚拟主机是 Apache 用于将请求转发到不同网站的配置。

  1. C:\xampp\apache\conf\extra\httpd-vhosts.conf 文件中,找到以下几行:
<VirtualHost *:80>
    DocumentRoot "${INSTALL_DIR}/htdocs"
    ServerName localhost
</VirtualHost>
  1. 在这些行的下方,添加以下内容:
<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/mysite"
    ServerName mysite.local
    ServerAlias www.mysite.local
</VirtualHost>
  1. 保存文件并重启 Apache。

访问网站

现在,你就可以通过 http://mysite.localhttp://www.mysite.local 访问你的网站了。

在配置过程中,可能会遇到以下几个坑:

  1. 确保你的 hosts 文件保存为 ANSI 编码,而不是 Unicode 编码。
  2. 确保你的防火墙没有阻止 Apache 的端口 80。
  3. 如果你的网站使用 HTTPS,你需要配置 SSL 证书。

总结

在 XAMPP 中配置多个网站其实并不难,只要按照上面的步骤操作,你就可以轻松实现。如果你遇到任何问题,可以随时在评论区留言。