Question

在GitHub页面上部署React应用程序时遇到了一个小问题。该应用程序在实时服务器上运行良好。但是，当我将代码推送到gitHub并对其进行测试时。发生此错误：

Mixed Content: the page at '<domain>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoing 'http://www.omdbapi.com/...' ...

我知道它与我使用的api有关。用于获取请求的omdb api and uses HTTP protocol。我尝试将HTTP更改为https，尽管它可以在实时服务器上使用。 It does not on the Github page，给我和以前一样的错误。

代码：

const apirul = 'http://www.omdbapi.com/?apikey=...';
// ...
Axios(apiurl + "&=s="+state.s)
.then(data => {
  console.log(data);
  let results = data.Search;
  setState(prevState => {
    return { ...prevState, results }
  })
})
.catch(e => {
  console.log(e)
})
// ...

Answer 1

查看GitHub Pages及其来源，我怀疑您向GitHub的推送失败，因为存储库中的代码仍指向http://www.omdbapi.com/?apikey=ad5bdfd0（最新更新时间为17个小时前）。我拿了a screenshot to to confirm。

将其更改为https://的URL应该可以解决，尽管您可以可以使用协议相对URL（即//）。 Really, you should be using https for everything now, even local development.

错误：在Github上部署React应用程序时出现混合内容

1 个答案: