浏览器在重新加载 Angular 网页后进行 HTTP 调用

Question

您好，我正在做一个 Angular 项目，我要调用的 API 很少。我已将 API Url 设置为

const SERVER_URL = https://api.example.com

它工作得非常好，除非我在成功调用 API 后重新加载页面，然后再次进行 API 调用..

我收到了 CORS 错误：

[blocked] The page at https://staging.example.com was not allowed to display insecure content from http://api.example.com

有人知道我哪里做错了吗？因为我的其他项目很少，而且我也使用相同的编码实践，但它们工作得非常好..

PS：后端在 Django 中

Answer 1

我认为这是因为您从不安全的 API 获取数据。(HTTP)