在互联网上，我们使用 DNS（Domain Name System，域名系统）将域名转换为 IP 地址。这个过程中，我们通常使用 ISP（Internet Service Provider，互联网服务提供商）提供的递归 DNS 服务器来查询域名所对应的 IP 地址。然而，递归 DNS 服务器往往不安全，存在被篡改和监听等风险。为此，我们可以使用 dns-over-https（DoH，DNS over HTTPS）协议来加密 DNS 请求，提高 DNS 查询的安全性和隐私性。
在前端领域，我们可以使用 npm 包 dns-over-https 来实现 DNS over HTTPS 功能。本文将详细介绍如何在前端项目中使用 dns-over-https 包。
安装
使用下面的命令来安装 dns-over-https 包：
npm install dns-over-https
使用
使用下面的代码来发起 DNS 请求：
-- -------------------- ---- -------
----- - ------- - - --------------------------
----- ------------- - -
------- ---------------------------------------
-------- -----
-------- -----
-------- --
--
----- ----- - ----- ------ ----- -- -
--- -
----- -------- - ----- ------------- ----- ---------------
----------------------
- ----- ------- -
---------------------
-
--
-------------------- -----该代码使用 Cloudflare 的 DNS over HTTPS 服务来查询域名 example.com 对应的 IP 地址。
具体来说，代码首先定义了 cloudflareDNS 对象，该对象包含了 DNS over HTTPS 服务的配置参数，包括服务器地址、填充（padding）模式、超时时间和重试次数。然后，代码定义了一个 query 函数，该函数使用 dns-over-https 的 request 方法来发送 DNS 请求，并通过 console.log 打印响应结果。
最后，代码调用 query 函数来查询域名 example.com 的 IP 地址，并将查询结果输出到控制台。
深入学习
dns-over-https 包的 request 方法是如何实现 DNS over HTTPS 的呢？这里简要介绍一下其实现原理。
当我们使用 dns-over-https 的 request 方法来发送 DNS 请求时，该方法首先将 DNS 查询数据（包括域名和查询类型）打包成 DNS 查询报文。然后，该方法将 DNS 查询报文放入 HTTP 请求的正文（body）中，发送到 DNS over HTTPS 服务器。
DNS over HTTPS 服务器接收到 HTTP 请求后，会将请求的正文解析为 DNS 查询报文，并使用 DNS 协议来解析查询报文，得到对应的 DNS 查询结果。然后，DNS over HTTPS 服务器将 DNS 查询结果打包成 DNS 响应报文，并将响应报文放入 HTTP 响应的正文中，发送回给前端应用。
最后，dns-over-https 的 request 方法将收到的 DNS 响应报文解析为 DNS 响应结果，并返回给应用程序。
通过 DNS over HTTPS，DNS 请求和响应均通过加密的 HTTPS 协议传输，从而保证了 DNS 查询的安全性和隐私性。
指导意义
dns-over-https 包的使用，不仅可以提高 DNS 查询的安全性和隐私性，还可以加速 DNS 查询和缓解 DNS 污染等问题。因此，在前端项目中使用 dns-over-https 包非常有意义。
同时，通过学习 dns-over-https 包的实现原理，可以加深我们对 DNS 和 HTTPS 协议的理解，提高我们的技术能力和创新能力。
结论
本文介绍了如何在前端项目中使用 dns-over-https 包，实现 DNS over HTTPS 功能。我们从安装、使用、学习和指导意义四个方面分析了 dns-over-https 包的使用方法和原理，旨在帮助读者全面了解 DNS over HTTPS 技术和 dns-over-https 包的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005700681e8991b448e7ca4