zoukankan      html  css  js  c++  java
  • 如何在XAMPP中设置多个网站

    xampp 是一个非常方便的本地 apache + php + mysql 的调试环境,在本地安装测试 WordPress 等各种博客、论坛程序非常方便。今天我们来给大家介绍一下,如何使用 XAMPP 在本地进行安装多个网站。

    一般情况下,我们只需要网站程序放到 xampp/htdoc 目录下,然后在浏览器里输入 ip 地址 http://127.0.0.1/ 或者输入域名 http://localhost/ 就可以了。但是这样我们只能使用一个程序,建立一个网站。如果我们想要测试测试不同的程序,比如一个WordPress的网站,一个Discuz!的论 坛,再加上一个ShopEx的网店,那就比较麻烦了。我们这篇文章,就给大家介绍一下,如何在 xampp 中添加多站点支持,让你可以很方便地安装多个网站。

    比如说,我们想要在本地安装两个测试域名,www.abc.tld, www.xyz.tld, 分别指向到 htdoc 目录下的 abc.tld 和 xyz.tld 文件夹下。tld 是顶级域名 the top domain 的缩写。如果你喜欢,也可以用 abc.com, abc.net 这样的顶级域名来代替。这里使用 tld 主要是为了避免和真实域名冲突。

    1. 在 hosts 文件中设置域名解析

    和正常的域名一样,这两个域名并不存在,我们也需要进行解析;否则浏览器不知道去哪儿找到服务器。我们来使用本地 hosts 文件来解决这个问题。这个文件用来指定域名和ip地址之间的映射关系。当你要在浏览器中要输入一个网站进行访问的时候,浏览器会向本地网络的dns服务器 发出域名解析请求。但是在发出解析请求之前,首先会在hosts文件中查找是否有解析记录;如果有域名的记录,则使用该记录进行访问。因此,这个文件相当 于域名解析的高速缓存文件。

    Hosts 文件保存在 C:WindowsSystem32driversetc 目录下,无扩展名,使用文本编辑器(记事本,emeditor,UltraEdit等)可以打开编辑;如果是 Windows Vista 或者 Windows 7 ,需要首先使用管理权权限打开记事本。

    screenshot-0920-6

    然后,我们在文件最后面添加两行域名解析记录,每行一个域名。前面为ip地址,空间用空格或者制表符隔开,后面是域名:

    127.0.0.1 www.abc.tld

    127.0.0.1 www.xyz.tld

    如下图所示:

    screenshot-0929-10

    然后保存该 hosts 文件。

    2. 在 htdocs 目录下添加两个文件夹

    我们在 xampp/htdocs 目录下建立两个文件夹,分别命名为 www.abc.tld 和 www.xyz.tld 。这里文件目录的名字设置为域名格式是为了便于区分,并非强制要求;只要目录名和后面的设置一致即可。

    我们在 www.abc.tld 目录中添加一个 index.html 文件,内容如下:

    <html>
    	<h1>Welcome to www.ABC.tld</h1>
    </html>

    在 www.xyz.tld 目录中也添加一个同样的 index.html 文件,将其中 ABC 替换为 XYZ 即可。

    说明一下,这个 index.html 文件并不符合 HTML 规范,只是最后用来验证我们的多域名支持成功与否。

    3. 在 apache 中添加多域名支持

    现在岁最关键的一步,要集中注意力了哦。我们来让 apache 中绑定多个域名,支持多个站点的访问。使用文件编辑器打开文件 xamppapacheconfextrahttpd-vhosts.conf 。

    首先找到 NameVirtualHost *:80 ;去掉前面的注释符号 # 。如果没有这一行,就自己添加一行。

    然后添加以下代码:

    <VirtualHost *:80>
        ServerAdmin postmaster@abc.tld
        DocumentRoot "/xampp/htdocs/www.abc.tld"
        ServerName www.abc.tld
        ErrorLog "logs/www.abc.tld-error.log"
        CustomLog "logs/www.abc.tld-access.log" combined
    </VirtualHost> 
    
    <VirtualHost *:80>
        ServerAdmin postmaster@xyz.tld
        DocumentRoot "/xampp/htdocs/www.xyz.tld"
        ServerName www.xyz.tld
        ErrorLog "logs/www.xyz.tld-error.log"
        CustomLog "logs/www.xyz.tld-access.log" combined
    </VirtualHost>

    添加之后,保存该文件。httpd-vhosts.conf 中代码如下图:

    screenshot-0929-12

    4. 重启 Apache 并验证多域名

    摄制完成之后,重新启动 apache 服务,重新打开浏览器。并在浏览器中分别输入 http://www.abc.tld 和 http://www.xyz.tld ,可以分别看到以下结果:

    screenshot-0929-16

    设置之后,在浏览器里分别输入 http://www.abc.tld 和 http://www.xyz.tld ,就会显示不同的内容。如果你看到内容和上图一样,那说明你的 xampp 支持多域名已经设置成功了。否则,请从头检查,看看什么地方设置出错了 。

  • 相关阅读:
    CSS3盒模型display初探(display:box/display:flex)
    css伪元素研究(::before/::after)
    css后代选择器(div.class中间不带空格)
    css选择器(选择<div>内所有<p>元素)
    text-indent无效解决方案
    控制div位于最上层
    gulp用途
    Webpack打包工具实时更新操作(启用观察者模式)
    CLR/.NET/C#/Visual Studio/ASP.NET各版本之间的关系(转)
    前端打包/自动化构建工具:fis3
  • 原文地址:https://www.cnblogs.com/cbboys/p/3497568.html
Copyright © 2011-2022 走看看