从http源获取数据到https源

Question

因此，我将一个项目(使用的框架是ReactJS)部署到Heroku，并且给定的URL使用HTTPS协议。我遇到的问题是数据的来源使用HTTP协议，因此这个错误被返回.

​

​

下面是负责获取数据的代码

import axios from 'axios';

const api = axios.create({
    baseURL: 'http://api.decoprim.md/v1/items?key=3VG8BizGax',
  });

export function getProducts() {
    return api.get().then(response => response.data.data);
}

Answer 1

跨源资源共享阻塞了您的请求，如果页面加载在https之上，则应该对所有资源使用https，但如果无法更改，则可以使用第三方服务绕过它，例如：

1. 任何地方的CORS：https://cors-anywhere.herokuapp.com/
2. 所有来源：http://allorigins.me/
3. 任何来源：http://anyorigin.com/

示例基url：

https://allorigins.me/get?url=http%3A//api.decoprim.md/v1/items%3Fkey%3D3VG8BizGax&method=raw

Answer 2

我假设您正在尝试从本地主机连接到https服务器。

您可以按照以下教程设置本地主机的ssl

或者你可以保持简单并使用ngrok

按照说明在操作系统上安装ngrok。

如果您使用的是mac (假设您已经安装了酿制 )

brew install ngrok

ngrok http 3000 // port number your react app is running on.

您将获得一个https地址，您可以使用该地址浏览应用程序。