<p>首先需要在<span style="color:#f33b45;"><strong>xampp\apache\conf\extra\httpd-vhost.conf</strong></span>中写入配置的二级域名</p> 

<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