xampp配置二级域名通过不同端口访问不同网站

首先需要在xampp\apache\conf\extra\httpd-vhost.conf中写入配置的二级域名

<VirtualHost *:8081>   // 该网站通过监测8081端口
	ServerName blogs.xueshuai.com    // 自定义二级域名
	DocumentRoot "C:\NewFile\web\Blogs"    // 二级域名所指向的路径
	<Directory "C:\NewFile\web\Blogs">     
		Options FollowSymLinks IncludesNOEXEC Indexes
		DirectoryIndex index.html index.htm index.php
		AllowOverride all 
		Order Deny,Allow 
		Allow from all 
		Require all granted
	</Directory>
</VirtualHost>

<VirtualHost *:8082>    // 该网站通过监测8082端口
	ServerName news.xueshuai.com       // 自定义二级域名
	DocumentRoot "C:\NewFile\web\MyWeb-Nuxt.js\dist"     // 二级域名所指向的路径
	<Directory "C:\NewFile\web\MyWeb-Nuxt.js\dist">     
		Options FollowSymLinks IncludesNOEXEC Indexes
		DirectoryIndex index.html index.htm index.php
		AllowOverride all 
		Order Deny,Allow 
		Allow from all 
		Require all granted
	</Directory>
</VirtualHost>

---

其次，修改C:\Windows\System32\drivers\etc\hosts

在最下方添加

127.0.0.1 blogs.xueshuai.top
127.0.0.1 news.xueshuai.top

---

最后，打开下图的位置，在里面监测端口上方的8081和8082

Listen 80     // 默认检测
Listen 8081
Listen 8082