在本地开发环境中模拟多CDN源站是测试CDN回源、缓存策略等功能的常见需求，通过XAMPP的Apache服务配置多端口，可以快速实现多个独立源站的本地模拟，不需要额外部署复杂的服务环境。
核心原理说明
XAMPP集成的Apache服务支持通过Listen指令监听多个端口，同时配合VirtualHost虚拟主机配置，让不同端口对应不同的网站根目录，这样访问不同端口就相当于访问不同的源站，满足多CDN源的模拟需求。
具体配置步骤
1. 修改Apache端口监听配置
首先找到XAMPP安装目录下的Apache配置文件，默认路径为xampp/apache/conf/httpd.conf，打开文件后找到Listen 80所在行，在其下方添加需要监听的额外端口，比如我们要模拟3个CDN源，就添加8081、8082两个端口：
# 原有默认监听端口 Listen 80 # 新增的监听端口，对应额外的CDN源 Listen 8081 Listen 8082
修改完成后保存文件，注意不要修改原有80端口的配置，避免影响默认的本地服务访问。
2. 配置虚拟主机对应不同源站目录
接下来打开Apache的虚拟主机配置文件，默认路径为xampp/apache/conf/extra/httpd-vhosts.conf，添加对应不同端口的虚拟主机配置，每个端口对应一个独立的网站根目录，作为不同的CDN源：
# 默认80端口对应的源站1
<VirtualHost *:80>
ServerName localhost
DocumentRoot "D:/xampp/htdocs/cdn_source1"
<Directory "D:/xampp/htdocs/cdn_source1">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
# 8081端口对应的源站2
<VirtualHost *:8081>
ServerName localhost
DocumentRoot "D:/xampp/htdocs/cdn_source2"
<Directory "D:/xampp/htdocs/cdn_source2">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
# 8082端口对应的源站3
<VirtualHost *:8082>
ServerName localhost
DocumentRoot "D:/xampp/htdocs/cdn_source3"
<Directory "D:/xampp/htdocs/cdn_source3">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
配置中DocumentRoot是对应源站的网站根目录，需要提前在对应路径创建好文件夹，并且放入不同的测试文件，方便后续区分不同的源站。
3. 重启Apache服务生效配置
打开XAMPP控制面板，先停止Apache服务，再重新启动，如果启动过程中没有报错，说明配置语法正确。如果启动失败，可以查看XAMPP安装目录下的xampp/apache/logs/error.log文件，排查配置错误的原因。
配置验证
分别在三个源站目录中创建不同的测试文件，比如在cdn_source1目录下创建index.html，内容为这是CDN源站1，cdn_source2目录下创建index.html内容为这是CDN源站2，cdn_source3目录下创建index.html内容为这是CDN源站3。
然后打开浏览器分别访问以下地址：
- http://127.0.0.1 应该显示源站1的内容
- http://127.0.0.1:8081 应该显示源站2的内容
- http://127.0.0.1:8082 应该显示源站3的内容
如果三个地址都能正确显示对应内容，说明多端口配置成功，已经可以实现本地多CDN源的模拟。
常见问题排查
如果访问端口时出现连接拒绝的错误，首先检查Apache是否正常启动，然后确认httpd.conf中是否添加了对应的Listen端口。如果访问时显示权限错误，检查虚拟主机配置中Directory块的权限设置是否正确，是否设置了Require all granted。
如果修改配置后不生效，可能是浏览器缓存导致的，可以尝试清除浏览器缓存或者使用无痕模式访问，也可以重启Apache服务后再次尝试。