linux下 nginx反向代理 html请求 Provisional headers are shown 解决办法

最新推荐文章于 2024-05-29 13:09:56 发布
最新推荐文章于 2024-05-29 13:09:56 发布
阅读量6.1k 收藏 5
点赞数 5
分类专栏： 笔记 文章标签： nginx web linux javascript html
@二老
本文链接：https://blog.csdn.net/qq_26007225/article/details/105780050
版权

说明

最近在开发一个项目，项目部署上线后发现，h5部署在nginx下，页面能正常访问，可是请求却死活搞不定，深思熟虑后发现是一个未曾注意的问题导致了bug
在这里插入图片描述

nginx同源策略

什么是同源策略，同源策略是 协议相同、ip相同、端口相同，否则都当作跨域处理
那么nginx下的同源策略又是怎么一回事呢?

  1. 页面请求路径必须和nginx服务器配置同源
    在这里插入图片描述
    在这里插入图片描述
    这样才能被nginx服务器监听，做反向代理

反向代理

还有一个问题就是，我后台服务器不可能和nginx是同一端口,一个端口只能被一个应用使用，那么该如何处理呢?
将页面请求路径改成如下
在这里插入图片描述
nginx配置
在这里插入图片描述
proxy_pass 改成自己的后台服务器端口，
rewrite作用是修改请求路径，比如
/api/case/findDetails?id=id 就是如下
http://172.18.192.98:8080/case/findDetails?id=id
这样就实现了反向代理，Provisional headers are shown就解决了。
如果文章解决了你的问题点个赞吧

songbiao丶
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx 反向代理 linux安装包 请求转发 负载均衡
10-18
综上所述，Nginx在Linux环境中的安装和配置是运维工作的基础，而反向代理、请求转发和负载均衡则体现了其强大的网络服务能力。熟练掌握这些技能，能帮助IT专业人士构建高效、稳定且安全的网络架构。
详解Nginx反向代理WebSocket响应403的解决办法
01-10
在Nginx反向代理一个带有WebSocket功能的Spring Web程序（源代码地址 ）时，发现访问WebSocket接口时总是出现403响应，Nginx的配置参考的是 官方文档 : http { // ssl 相关配置 ... map $http_upgrade $...
Windows下nginx 反向代理
qq_39505553的博客
02-13 159
一、下载NGINXhttp://nginx.org/en/download.html 二、启动NGINX 三、访问localhost,出来下面图片内容，安装成功 四、NGINX常用命令 nginx-squit 退出nginx nginx-s stop 停止nginx service nginx start ...
ngxin站点H5请求出现：provisional headers are shown问题
lw545034502的博客
07-29 2564
在前端使用vue+axios的post发送请求时，在响应的回调函数中获取不到响应的数据，代码如下所示 var vm = new Vue({ el: '#app', data: { obj: '' }, methods: { ...
微信小程序 开发者工具、真机调试报错 Provisional headers are shown 网络请求失败
最新发布
mark885的博客
05-29 786
a.微信开发者工具中所有接口正常（登录、微信授权登录小程序、下单支付等功能完全正常）。
nginx代理出现Provisional headers are shown
hahahzzzzz的博客
05-09 2785
nginx代理出现Provisional headers are shown前言一、问题二、思路三、总结 前言 一、问题 用nginx代理网站，访问出现了Provisional headers are shown【浏览器控制台中看到的】 二、思路 检查项目未代理前，是否能正常访问能正常访问 服务器上访问代理后网站，发现也访问不了，提示连接被拒绝 于是检查nginx中间监听的端口和代理的网站，发现写错了。。。 三、总结 出现了Provisional headers are shown，可能就是服务
浏览器报错内容：Provisional headers are shown
秦子腾
09-18 950
与HTTP/1.1相比，HTTP/2引入了一些新的特性，以提高网页加载速度和性能。因此，在Nginx的配置中启用HTTP/2模式，可以优化网站的性能和用户体验，加快网页加载速度，提高响应速度，并减少网络资源的消耗。服务器推送：服务器可以主动将未经请求的资源推送给客户端，减少了客户端请求的次数，提高了页面加载速度。多路复用：HTTP/2可以同时发送多个请求和响应，减少了延迟时间，提高了效率。首部压缩：HTTP/2使用首部压缩算法，减少了头部信息的大小，节省了带宽资源。
SpringBoot项目通过nginx反向代理，页面报provisional headers are shown
weixin_53569678的博客
01-29 1066
provisional headers are shown 现象说明：显示临时标头，请求没有发送出去。测试环境接口能通，生产环境接口跑不通。 解决过程 1.开始解决的时候，全部接口报跨域问题。 测试环境是采用端口映射到外网，前端页面直接请求外网地址访问。现场环境是通过nginx反向代理到公网。所以怀疑是配置不一样导致这个问题，把nginx的配置文件改了。 2.先做一个最简单的 post请求，然后分很多情况，比如放在不同的controller里面，比如请求加上.do后缀。然后发布上去测试，看看是什么原因导致
关于：provisional headers are shown问题
weixin_42385438的博客
10-14 576
前言： 问题描述：这个问题，是在一次部署项目后发现某一页面数据无法正常访问 可能发生的情况： 在网上找了一下解决办法，如下： 一：请求跨域被拦截 虽然现在网站的静态资源都会存在专门的静态域名下面，和html域名可能不一致。 但是基本都是基于CORS来解决这个问题，所以不存在这个问题。 再有就是，我们这种情况首次请求的时候不会发生，如果有跨域，应该都被block。 另外如果是被拦截，那么请...
nginx反向代理导致session失效的问题解决
09-29
在本文中，我们将深入探讨一个常见的问题：如何解决由Nginx反向代理导致的Session失效问题。这个问题通常发生在使用Nginx作为前端服务器，将用户请求转发到多个后端应用服务器的环境中。在这样的架构中，Session管理...
nginx反向代理webSocket配置详解
01-10
最近在做项目的时候用到了webSocket协议,而且是在微信小程序中用到了...另一种办法，就是使用nginx反向代理。 因为webSocket协议是基于http协议升级的（见下图），所以可以使用nginx反向代理webSocket. webSocket
利用Nginx反向代理解决跨域问题详解
01-10
问题 在之前的分享的跨域资源共享的文章中，有提到... 基于与合作方后台的配合，利用nginx方向代理来满足浏览器的同源策略来实现跨域 实现方法 反向代理概念 反向代理（Reverse Proxy）方式是指以代理服务器来接受In
Nginx反向代理及负载均衡如何实现(基于linux)
01-09
本文将详细讲解如何在Linux系统上配置Nginx实现反向代理及负载均衡。 首先，反向代理的概念是，客户端发送请求到Nginx服务器，Nginx不直接处理请求，而是将其转发到内部网络上的其他服务器，例如Tomcat，然后将这些...
nginx反向代理时如何保持长连接
01-09
【保持和Client的长连接】 在HTTP 1.1中，长连接通过“Keep-Alive”头字段实现，允许...通过以上配置，可以有效地在Nginx反向代理中实现客户端到Nginx以及Nginx到后端服务器的长连接，从而提升系统性能和资源利用率。
nginx反向代理之将80端口请求转发到8080
01-10
反向代理的意思是以代理服务器（这里也就是nginx）来接收网络上的请求，也就是url（默认是80端口）， 1，nginx通过对url里面的一些判断(转达规则配置在nginx配置文件中），比如端口号（nginx默认是80）有可能是对二...
nginx设置反向代理后无法识别css,js等等
愤怒的苹果ext的博客
12-24 2万+
情况如下目前nginx的配置：server { listen 80; server_name video.xxx.cn; proxy_set_header Host $host:$server_port; proxy_set_header X-Real-Ip $remote_addr; proxy_set_header X-Forwarded-For $pro
微信小程序请求被阻止 Provisional headers are shown
wangshang1320的博客
01-23 1711
1. ssl证书问题（证书不匹配服务器，证书没有）
请求出现Provisional headers are shown的几次经历
热门推荐
starsnow123的博客
11-30 16万+
Chrome请求出现"Provisional headers are shown"： 项目中遇到个好几次，分别介绍一下不同的场景： 1. 所有的客户端的浏览器访问时都一直出现Provisional headers are shown的情况： 处理方式： 检查该请求触发的页面，查看是否有 表单提交 和 ajax请求同时触发的情况， 例如：定义了一个按钮，type是submit，另外又给该按钮
linux下nginx反向代理tomcat
10-23
在Linux下，可以使用Nginx来反向代理Tomcat。反向代理的作用是将客户端的请求转发到后端的Tomcat服务器上，并将Tomcat服务器的响应返回给客户端。这样可以提高Tomcat服务器的性能和安全性。 以下是反向代理Tomcat的步骤： 1. 安装Nginx和Tomcat。 2. 配置Tomcat服务器，确保Tomcat服务器可以正常运行。 3. 配置Nginx服务器，将客户端的请求转发到Tomcat服务器上。 4. 重启Nginx服务器，验证反向代理是否生效。 具体的步骤如下： 1. 安装Nginx和Tomcat。 可以使用apt-get或yum等包管理器来安装Nginx和Tomcat。例如，在Ubuntu系统上，可以使用以下命令来安装Nginx和Tomcat： ``` sudo apt-get install nginx sudo apt-get install tomcat8 ``` 2. 配置Tomcat服务器，确保Tomcat服务器可以正常运行。 在Tomcat服务器上，需要配置server.xml文件，将Tomcat服务器的端口号改为8081（或其他未被占用的端口号），并启用AJP协议。具体的配置如下： ``` <Connector port="8081" protocol="AJP/1.3" redirectPort="8443" /> ``` 然后，启动Tomcat服务器： ``` sudo service tomcat8 start ``` 3. 配置Nginx服务器，将客户端的请求转发到Tomcat服务器上。 在Nginx服务器上，需要编辑nginx.conf文件，添加以下配置： ``` server { listen 80; server_name example.com; location / { proxy_pass http://localhost:8081; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 这个配置将客户端的请求转发到Tomcat服务器的8081端口上。其中，proxy_pass指定了Tomcat服务器的地址和端口号，proxy_set_header指定了一些HTTP头信息，用于传递客户端的真实IP地址和其他信息。 4. 重启Nginx服务器，验证反向代理是否生效。 在Nginx服务器上，执行以下命令重启Nginx服务器： ``` sudo service nginx restart ``` 然后，在浏览器中输入Nginx服务器的IP地址或域名，应该可以看到Tomcat服务器的欢迎页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值