Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 将数据从http源获取到https源_Reactjs_Http_Https_Axios - Fatal编程技术网

Reactjs 将数据从http源获取到https源

Reactjs 将数据从http源获取到https源,reactjs,http,https,axios,Reactjs,Http,Https,Axios,因此,我将一个项目(使用的框架是ReactJS)部署到Heroku,并且给定的URL使用HTTPS协议。我遇到的问题是,数据来源使用HTTP协议,因此返回此错误 下面是负责获取数据的代码 我假设您正在尝试从本地主机连接到https服务器 您可以按照以下步骤为本地主机设置ssl 或者你可以保持它的简单和使用 按照说明在操作系统上安装ngrok 如果您正在使用mac(假设您已安装) 您将获得一个https地址,您可以使用该地址浏览您的应用程序正在阻止您的请求,如果页面通过https加载,您应该对所

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

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


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

您可以按照以下步骤为本地主机设置ssl

或者你可以保持它的简单和使用

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

如果您正在使用mac(假设您已安装)

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

正在阻止您的请求,如果页面通过https加载,您应该对所有资源使用https,但如果您无法更改,您可以使用第三方服务绕过它,如:

  • CORS Anywhere:
  • 所有来源:
  • 任何来源:
  • 基本url示例:

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

    服务器没有有效的ssl证书。您已经检查过了吗?您无法从安全(https)源获取不安全(http)资源。
    brew install ngrok
    
    ngrok http 3000 // port number your react app is running on.
    
    https://allorigins.me/get?url=http%3A//api.decoprim.md/v1/items%3Fkey%3D3VG8BizGax&method=raw