为什么这两个API在浏览器中显示不同


Why are these two APIs displayed differently in the browser?

我们的API和GitHub都返回JSON文本内容。

GitHub的API在浏览器中以<pre>标记和单空格字体显示。

然而,我们的API是以衬线字体显示的,没有任何包装。

当两个响应都是JSON时,为什么它显示为不同的字体?

尝试在打开Network选项卡的情况下刷新GitHub页面。您将在响应标头中看到:

Content-Type: application/json; charset=utf-8

(如果它是一个缓存的响应,那么你就看不到标题了——不过,尝试另一个GitHub链接,你就会看到它)

GitHub正在其响应上设置此ContentType标头。Chrome识别出响应是JSON,因此它使用<pre>标记对其进行格式化,使其更易于读取。

您的API返回纯文本,因此Chrome无法将其识别为JSON。