react打包后线上访问项目此请求已被阻止;内容必须通过HTTPS提供。

postActions.js:7 Mixed Content: The page at 'https://zhouyunfang.github.io/react-redux/index.html' was loaded over HTTPS, but requested an insecure resource 'http://jsonplaceholder.typicode.com/posts'. This request has been blocked; the content must be served over HTTPS.

解决方法

在index.html页面加入

  <!-- 意思是自动将http的不安全请求升级为https -->
 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

 之后在请求地址的header加入

 "Content-Security-Policy": "upgrade-insecure-requests"

 fetch('http://jsonplaceholder.typicode.com/posts', {
        method: 'POST',