reactjs - 为什么迁移到 https 会中断客户端和服务器之间的通信?

标签 reactjs spring nginx ssl https

在 ubuntu 服务器中,有一个为 React 应用程序提供服务的 Nginx 网络服务器。
该应用程序将 HTTP 请求发送到同一台 ubuntu 机器上的后端 Springboot 服务器 (Tomcat)。
我将网络服务器迁移到 HTTPS,这意味着 - 我激活了 SSL 并使用了证书。 React 应用程序正常工作。 enter image description here
问题是从应用程序到 Springboot 服务器的 HTTP 请求都失败了。
我用 SSL 运行 Springboot 服务器,也没有。这两个请求都不起作用。
服务器甚至不返回状态码,这就是 Chrom 网络工具的样子:
network tools
当请求应该相同时,为什么使用 HTTP 将客户端 Nginx 应用程序更改为 HTTPS 会影响服务器端?我怎样才能解决这个问题?

最佳答案

来自 Firefox Documentation :

If your website delivers HTTPS pages, all active mixed content delivered via HTTP on this pages will be blocked by default. Consequently, your website may appear broken to users


避免混合内容阻塞的最佳策略是将所有内容作为 HTTPS 而不是 HTTP。
对于您自己的域,将所有内容作为 HTTPS 提供并修复您的链接。通常,内容的 HTTPS 版本已经存在,这只需要在链接中添加一个“s” - http://到 https://。
但是,在某些情况下,路径可能对相关媒体不正确。有在线和离线工具(取决于您的操作系统),例如 linkchecker帮助解决这个问题。

关于reactjs - 为什么迁移到 https 会中断客户端和服务器之间的通信?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69276779/

相关文章:

php - nginx php fastcgi无法写入,即使使用他自己的权限也被拒绝

reactjs - 使用 react 和 express(nginx、docker)建立 web-socket 通信

reactjs - 草案.JS : the proper way to detect content change

mysql - Spring Boot+Hibernate向mysql插入空值

java - 如何在 spring 中仅使用 @scope("prototype) 注释制作 bean 原型(prototype)?

java - 如何为 Spring 数据 JPA REST 启用 Post/Put 方法? ("error 405 : method not allowed")

javascript - ComponentDidCatch 不起作用

javascript - 在 React 中调用外部 JS

javascript - react JS : React Voice to Text Recognition

Docker + NGINX,如何将配置文件从主机复制到容器?