当vite升级到3和以上版本的时候，默认启动时，打印的地址将不再是localhostl,而是127.0.0.1，如下图：

如何恢复到之前的localhost呢？

解决方案

vite.config.js配置文件中加入如下代码

import dns from 'dns'

dns.setDefaultResultOrder('verbatim')

重新运行，即可。

原因分析

Node.js 在 v17 以下版本中默认会对 DNS 解析地址的结果进行重新排序。当访问 localhost 时，浏览器使用 DNS 来解析地址，这个地址可能与 Vite 正在监听的地址不同。当地址不一致时，Vite 会打印出来。 可以设置 dns.setDefaultResultOrder('verbatim') 来禁用这个重新排序的行为。Vite 会将改地址打印为 localhost。