GraphQL 是一种新型的API查询语言，它的出现解决了 REST API 模式下存在的许多问题。与 REST API 不同，GraphQL 允许我们精确地指定所需要的数据，并且将多个请求合并为一个请求。然而，在学习 GraphQL 的过程中，有时候我们可能会遇到 Error 1016: Origin DNS error 的问题。本文将帮助初学者解决这个问题，让你更加流畅地学习和使用 GraphQL。
原因
Error 1016: Origin DNS error 是由于域名解析问题造成的。当我们在使用 GraphQL 的过程中，如果请求的服务器域名无法解析，则会产生这个错误。这通常是出现在使用网络代理（Proxy）的情况下，比如公司内网、VPN 等。
解决方法
方法一：使用 IP 地址
我们可以通过将 GraphQL 服务器的域名替换成 IP 地址来解决 Origin DNS error。我们可以使用命令行工具（比如 ping）来查找 GraphQL 服务器的 IP 地址，例如：
ping www.graphqlserver.com
输出会显示一些信息：
PING www.graphqlserver.com (192.168.1.1): 56 data bytes 64 bytes from 192.168.1.1: icmp_seq=0 ttl=64 time=0.215 ms ...
其中的 192.168.1.1 就是 GraphQL 服务器的 IP 地址。我们只需要将 GraphQL 请求链接中的域名替换成这个 IP 地址即可：
// javascriptcn.com 代码示例
const graphqlUrl = 'http://192.168.1.1:3000/graphql';
fetch(graphqlUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
query: `
query {
user(id: 1) {
name
email
}
}
`,
}),
})
.then(res => res.json())
.then(data => console.log(data));方法二：设置 DNS 服务器
如果我们不能使用 GraphQL 服务器的 IP 地址，那么我们可以尝试设置一个可用的 DNS 服务器。在 Windows 操作系统中，我们可以通过以下步骤设置 DNS 服务器：
- 右键点击电脑上的网络连接图标，选择“Open Network & Internet Settings”。
- 在“Settings”窗口中选择“Change adapter options”。
- 找到当前网络连接，右键点击并选择“Properties”。
- 在“Connection Properties”窗口中双击“Internet Protocol Version 4 (TCP/IPv4)”。
- 在“Internet Protocol Version 4 (TCP/IPv4) Properties”窗口中选择“Use the following DNS server addresses”，并填写可用的DNS服务器地址。
完成以上步骤之后，我们重新运行 GraphQL 请求，就可以获得正确的数据了。
总结
Error 1016: Origin DNS error 是 GraphQL 初学者在使用过程中可能会遇到的一个问题，通常是由于域名解析问题造成的。我们可以通过替换 GraphQL 服务器的域名为 IP 地址或者设置一个可用的 DNS 服务器来解决这个问题。学习和使用 GraphQL 是一个重要的前端技能，希望本文可以帮助初学者更好地掌握和运用 GraphQL。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653de8cb7d4982a6eb78a5fa