从Chrome扩展程序调用后端API

Question

我需要通过dev chrome页面操作扩展名对“ http://localhost:3000/posts”进行GET http调用。通过GET操作，我获得了需要显示在popup.html中的帖子列表。在“ content.js”中，我从当前标签中获取主题列表，以作为GET请求中的查询参数传递。

1. 如何从chrome扩展程序发出GET请求？ -有关chrome扩展程序的http请求的教程链接（如果可用）会有所帮助。
2. 应该从哪里发出get请求-content.js，popup.js或background.js？

Answer 1

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

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

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