今天在发布项目时遇到了一个大坑,在这记录下来,如果以后有人遇到可以参考解决一下,避免绕弯路耽误时间

简单介绍整个项目配置:用nginx(nginx版本号为1.12.2)做https转发,转发到另一个服务器上的nginx(这个nginx用于部署react共工程)

在成功部署好react工程以后问题来了,大部分人通过https访问是显示空白页的,只有我的chrome浏览器可以持续访问,其他人的浏览器访问都是时好时坏。于是开始分析问题出现的原因,起初是怀疑反向代理nginx的缓存问题,于是尝试修改转发nginx的配置文件,在配置文件中添加不进行缓存的配置,然后使用浏览器访问,试了几次发现还是不行。几次尝试失败后,开始重新分析问题,利用chrome的开发者工具查看报错和网络请求,这时chrome控制台报的错是出在请求react项目打包结束后里面的main.xxx.js无法顺利读取到,而在react部署的nginx上却没有问题,这时锁定问题,可能是这个js文件有问题,于是让同事又重新部署了一遍,发现还是没有解决,这时考虑从网络请求方面查找问题,切换到chrome的network选项中,发现在请求这个js文件时只读了400多ms就失败了,而react部署的nginx读取完这个js文件需要4s左右,由此推测可能是反向代理nginx是不是需要配置一下超时时间,但是查了一下nginx代理的默认读取超时默认时间是60s,这样就明显不是这个问题了。于是又返回来看chrome中的网络请求,这次又发现请求这个js文件每次都是读取了64KB后就断开了,由此感觉可能是代理nginx对文件的大小有限制,开始查资料,查资料发现nginx有个配置项是proxy_buffers是配置代理缓冲区大小的(proxy_buffers由缓冲区数量和缓冲区大小组成的。总的大小为numbersize。linux一般配置是8 * 8K正好是64kb ),于是开始配置,重启代理nginx,发现生效了,成功解决这个问题。 总结,其实之所以会出现这个问题还是因为页面大小没有优化好造成的,根本还是要去优化页面大小才对

记一次nginx反向代理做转发遇到的坑相关推荐

  1. 使用nginx反向代理做前后端分离 上传大文件速度特别慢

    出现的问题 环境 VUE+JAVA 问题描述 在本地上传100MB+的文件速度特别快,基本上十几秒钟可以上传结束 但是上传到服务器后,需要5分钟以上,服务器带宽10MB(阿里云) 检查结果 经过多次检 ...

  2. Nginx反向代理——简单体验Nginx反向代理功能

    一.引言 从Nginx入门学习开始.到现在所讲的Nginx反向代理.我们的Nginx学习已经进入白热化状态,前面所学只是铺垫,真正在公司的业务场景中Nginx绝大数用来反向代理+负载均衡所用.相信大家 ...

  3. Nginx 反向代理配置

    点击关注公众号,实用技术文章及时了解 来源:blog.csdn.net/qq_39794062/article/ details/118074409 一.准备工作 Linux系统安装Tomcat,使用 ...

  4. 搭建nginx反向代理用做内网域名转发

    搭建nginx反向代理用做内网域名转发 一.安装nginx $ sudo yum install nginx 二.修改配置文件 1 先备份配置文件 $ sudo cp /etc/nginx/nginx ...

  5. 利用Nginx反向代理解决80端口复用(内网域名转发)问题

    公司多台服务器,但只有一个公网IP,80端口只好给公司网站使用 那么访问其他业务系统只能用反向代理做域名转发去实现 即:利用web服务器的80端口代理其它服务器的非80端口,实现80端口复用 反向代理 ...

  6. nginx请求转发被拒绝_解决nginx反向代理proxy不能转发header报头

    做了一个德国高防plesk卖虚拟主机,奈何地理位置太过于遥远,控制台使用上速度难以接受.用户站点可以使用cloudflare等等的加速手段,控制台能否也这么干呢?理论是完全可以的,那么时间上手看吧.安 ...

  7. nginx反向代理(请求转发-URL匹配规则)

    反向代理适用于很多场合,负载均衡是最普遍的用法. nginx 作为目前最流行的web服务器之一,可以很方便地实现反向代理. nginx 反向代理官方文档: NGINX REVERSE PROXY 当在 ...

  8. Web集群案例实战 -- Nginx 反向代理根据URL中的目录地址实现代理转发 -- 案例实战

    Nginx 反向代理根据URL中的目录地址实现代理转发 -- 案例实战 前言 一.需求背景 前言 本环境是基于 Centos 7.8 系统构建Nginx学习环境 具体构建,请参考 Nginx-1.18 ...

  9. nginx反向代理原理讲解

    一 .概述                  反向代理(Reverse Proxy)方式是指以代理服务器来接受Internet上的连接请求,然后将请求转发给内部网络上的服务器:并将从服务器上得到的结果 ...

最新文章

  1. [ CodeVS冲杯之路 ] P1116
  2. Arduino可穿戴教程之第一个程序——上传运行程序(四)
  3. Python之黏包的解决
  4. dmg文件转换iso ultraiso_mac去除dmg打开密码的方法
  5. AWS宣布Amazon S3将停止支持SigV2
  6. 的引用_java中的强引用,软引用,弱引用,虚引用
  7. 用java实现经纬度坐标度分秒与度批量转换
  8. mac:在当前文件夹打开terminal终端
  9. python3—列表
  10. 什么时候以及为什么基于树的模型可以超过神经网络模型?
  11. 51nod 博弈论水题
  12. HDU-3401 Trade 单调队列优化DP
  13. 《21天学通Java》(ppt+习题答案+源代码)
  14. UltraEdit编辑器+注册机(windows版)
  15. GUI图形用户界面设计
  16. selenium官网下载地址以及相关介绍
  17. OA系统权限设计思想和概念
  18. sleuth feign instrument 分析
  19. 《编程之道》(转载) 全文
  20. 【中科院信工所】-2021考研经验-记录一段每天都在思考如何学习的日子

热门文章

  1. 全局loading如何控制
  2. mac上实时运行linux系统,使用Darling模拟器实现在Linux上运行Mac OS X程序
  3. macfee怎么生成释放代码_批处理应用:使用FLASHGET检查Mcafee SuperDat更新分享
  4. 宝塔如何备份网站_宝塔备份网站怎样还原_服务器备份数据恢复教程
  5. oracle请求界面,Oracle EBS如何enable 请求界面 View XML按钮
  6. php html小项目,使用PHP把HTML生成PDF文件的几个开源项目介绍
  7. Windows 10 修改网络名字
  8. 如何合并mysql中的行_如何在MySQL中合并行?
  9. xtrabackup 升级 mysql_使用percona-xtrabackup-2.0.8将MySQL从5.1.73升级到5.6.36
  10. 修改system.img的大小限制