Nuxt项目中子域名仅localhost生效，为何自定义域名的子域名无法访问？

当前的配置存在两处缺失，直接导致子域名访问失败：

• 系统hosts文件仅配置了主域名的IP映射规则，没有覆盖需要测试的exemple.mydomain域名，浏览器无法将该域名解析到本地回环地址，自然无法建立连接。
• Nuxt dev服务将监听主机固定绑定为mydomain，仅响应Host请求头与该值完全匹配的流量，就算hosts解析正确，服务本身也不会处理发往子域名的请求。

• 补充hosts解析规则
  打开系统hosts配置文件（类Unix系统路径为/etc/hosts，Windows系统路径为C:\Windows\System32\drivers\etc\hosts），在127.0.0.1对应的映射行末尾，追加所有需要测试的子域名：

  127.0.0.1       localhost       mydomain      mydomain.local       exemple.mydomain
  

  注意Windows系统的hosts文件不支持*.mydomain这类泛域名写法，需要逐一列出所有要测试的子域名。修改完成后可在终端执行ping exemple.mydomain，确认返回IP为127.0.0.1，即代表解析配置生效。
• 调整Nuxt服务监听配置
  不要将服务监听主机固定绑定为具体域名，改为监听所有可用网卡的回环地址：
  修改nuxt.config.js中的server参数：

  server: {
    host: '0.0.0.0',
    port: 3000
  }
  

  对应的dev启动命令移除原有的主机名参数，直接执行：

  nuxt --port 3000
  

  这种配置下Nuxt会接收所有发往本地3000端口的请求，无论请求头里的主机名是mydomain还是exemple.mydomain，都会正常返回响应。
• 功能验证
  重启Nuxt dev服务后，直接访问exemple.mydomain:3000，此时通过window.location.hostname可正常获取完整的子域名字符串，你的子域名识别逻辑可正常运行，不会再出现无法找到站点的报错。

内容的提问来源于stack exchange，提问作者Victor Reybier