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