从chrome扩展调用后端API

Question

我需要从开发 chrome 页面操作扩展对 \xe2\x80\x98 http://localhost:3000/posts \xe2\x80\x99 进行 GET http 调用。通过 GET 操作，我获得了需要在 popup.html 中显示的帖子列表。在 \xe2\x80\x98content.js\xe2\x80\x99 中，我从当前选项卡中获取主题列表，以作为 GET 请求中的查询参数传递。

\n\n

\n
1. 如何从 Chrome 扩展发出 GET 请求？- 有关来自 chrome 扩展的 http 请求的教程链接（如果可用）将会有所帮助。
\n
2. 应该从哪里发出 get 请求 - content.js、popup.js 还是 background.js？
\n

\n

Answer 1

由于 chrome 扩展只是 html/css/js - 要发出 Web 请求，您可以使用与普通网站相同的技术。例如fetch api或XHR。

从哪里打电话仅取决于您。如果您想缓存结果，后台页面可能会更好，但是您需要使用消息传递将数据从后台页面传输到弹出页面。否则，您可以直接从弹出脚本调用您的 api。

无论如何，在使用本地主机上托管的 api 时，您可能会遇到 CORS 问题（这是一个已知的 chrome 限制）。对于普通页面，您可以使用许多自动将 CORS 标头添加到所有请求的扩展之一，但我不确定它们是否可以处理来自扩展的请求。