Xampp Apache修改配置支持多个虚拟机

标签： 771View

使用xampp作为本地服务器挺方便的，这里介绍一种配置Apache的多个虚拟主机。

一、修改httpd.conf

文件目录 xampp => apach e=>httpd.conf

1.在文件内搜索 关键字“httpd-vhosts.conf”,找到如下字段

# Virtual hosts
Include conf/extra/httpd-vhosts.conf//确保此段开头没有#

2.在文件内搜索关键字“AllowOverride All”，找到如下字段

<Directory "D:/xampp/cgi-bin">
    AllowOverride All
    Options None
    Require all granted
</Directory>

//修改为
<Directory "D:/xampp/cgi-bin">
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

3.搜索字段“DocumentRoot”，如下

DocumentRoot "D:/xampp/htdocs"//确保此处路径是你要访问的项目的根路径

4.如果想自定义配置端口，搜索字段“Listen 80”，找到如下

Listen 80
//在此添加你想监听的端口，如
Listen 80
Listen 8080
Listen 8099
....

二、修改httpd-vhosts.conf

文件目录 xampp => apache =>conf => extra => httpd-vhosts.conf

文件最后面可看到如下

##<VirtualHost *:80>
    ##ServerAdmin webmaster@dummy-host2.example.com
    ##DocumentRoot "D:/xampp/htdocs/dummy-host2.example.com"
    ##ServerName dummy-host2.example.com
    ##ErrorLog "logs/dummy-host2.example.com-error.log"
    ##CustomLog "logs/dummy-host2.example.com-access.log" common
##</VirtualHost>

1.用ip访问

<VirtualHost 127.0.0.5:80>//设置访问的ip
    ##ServerAdmin webmaster@dummy-host2.example.com
    DocumentRoot "D:/xampp/htdocs"//你的项目文件目录
    ServerName  testname.dev//此项目的名称
    ##ErrorLog "logs/dummy-host2.example.com-error.log"
    ##CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

2.用ServerName访问

<VirtualHost *:80>
    ##ServerAdmin webmaster@dummy-host2.example.com
    DocumentRoot "D:/xampp/htdocs"//你的项目文件目录
    ServerName testname.dev//此项目的名称，通过此名称来访问项目，还需配置hosts文件
    ##ErrorLog "logs/dummy-host2.example.com-error.log"
    ##CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

3.配置hosts文件

文件目录 C:\Windows\System32\drivers\etc\hosts
在文件中加入
127.0.0.1   testname.dev

三、修改完记得重启aphache在进行访问

关注我

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

  • 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识，加我微信:caibaojian89 交流