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

最新推荐文章于 2021-10-11 15:16:35 发布
原创 最新推荐文章于 2021-10-11 15:16:35 发布 · 6.4k 阅读 · 6 ·
CC 4.0 BY-SA版权
@二老
文章标签：

#nginx #web #linux #javascript #html

本文详细介绍了如何在Nginx环境下处理同源策略问题，通过配置反向代理实现不同端口间的服务通信。文章解释了同源策略的基本概念，并提供了具体的Nginx配置示例。

说明

最近在开发一个项目，项目部署上线后发现，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就解决了。
如果文章解决了你的问题点个赞吧

浏览器报错内容：Provisional headers are shown
秦子腾
09-18 1398
与HTTP/1.1相比，HTTP/2引入了一些新的特性，以提高网页加载速度和性能。因此，在Nginx的配置中启用HTTP/2模式，可以优化网站的性能和用户体验，加快网页加载速度，提高响应速度，并减少网络资源的消耗。服务器推送：服务器可以主动将未经请求的资源推送给客户端，减少了客户端请求的次数，提高了页面加载速度。多路复用：HTTP/2可以同时发送多个请求和响应，减少了延迟时间，提高了效率。首部压缩：HTTP/2使用首部压缩算法，减少了头部信息的大小，节省了带宽资源。
nginx代理出现Provisional headers are shown
hahahzzzzz的博客
05-09 3231
nginx代理出现Provisional headers are shown前言一、问题二、思路三、总结 前言 一、问题 用nginx代理网站，访问出现了Provisional headers are shown【浏览器控制台中看到的】 二、思路 检查项目未代理前，是否能正常访问能正常访问 服务器上访问代理后网站，发现也访问不了，提示连接被拒绝 于是检查nginx中间监听的端口和代理的网站，发现写错了。。。 三、总结 出现了Provisional headers are shown，可能就是服务
SpringBoot项目通过nginx反向代理，页面报provisional headers are shown
weixin_53569678的博客
01-29 1263
provisional headers are shown 现象说明：显示临时标头，请求没有发送出去。测试环境接口能通，生产环境接口跑不通。 解决过程 1.开始解决的时候，全部接口报跨域问题。 测试环境是采用端口映射到外网，前端页面直接请求外网地址访问。现场环境是通过nginx反向代理到公网。所以怀疑是配置不一样导致这个问题，把nginx的配置文件改了。 2.先做一个最简单的 post请求，然后分很多情况，比如放在不同的controller里面，比如请求加上.do后缀。然后发布上去测试，看看是什么原因导致
ngxin站点H5请求出现：provisional headers are shown问题
lw545034502的博客
07-29 2697
在前端使用vue+axios的post发送请求时，在响应的回调函数中获取不到响应的数据，代码如下所示 var vm = new Vue({ el: '#app', data: { obj: '' }, methods: { ...
Provisional headers are shown
chinassj的博客
07-16 4030
问题: Chrome请求出现"Provisional headers are shown"：     原因: 这种一般是由于浏览器端的插件或客户端的软件对请求进行了拦截；我们出现的情况，是被 websense endpoint拦截； 我这边的,是这个扩展工具 其他原因以及解决方案参考:https://blog.youkuaiyun.com/starsnow123/article/...
前端js请求provisional headers are shown. Disable cache to see full headers禁止缓存后仍然不刷新问题 200 OK (from memory cache)
03-18
要解决前端JS请求因缓存导致headers不刷新的问题（如`Provisional headers are shown`且返回`200 OK (from memory cache)`），可通过以下步骤逐步排查和修复： --- ### **1. 强制绕过浏览器缓存** 在请求URL中添加...
uniapp 使用 Provisional headers are shown
01-03
### 解决 UniApp 中 "Provisional headers are shown" 的问题 当在 UniApp 开发中遇到 “Provisional headers are shown”的提示时，这通常意味着请求未能成功发送至服务器[^3]。此现象可能由多种因素引起，包括但...
微信小程序真机调试Provisional headers are shown
02-14
对于微信小程序真机调试过程中出现的 `Provisional headers are shown` 错误，一种有效的解决方案是修改请求的 URL 地址。如果当前使用的本地服务器作为后端服务，则应将请求中的 localhost 或者 127.0.0.1 替换成...
接口没有响应 报错Provisional headers are shown
最新发布
09-10
嗯，用户提出了一个关于"Provisional headers are shown"报错的问题，需要解决接口无响应的情况。从提供的参考资料来看，这是一个浏览器调试工具中常见的网络请求问题，通常涉及缓存、跨域或请求阻塞等深层原因。 ...
nginx Provisional headers are shown
weixin_33800463的博客
11-25 2583
项目用的Nginx做的代理，重启电脑后，重启项目和Nginx浏览器报 Provisional headers are shown 解决： host文件添加:　127.0.0.1 cleaner.test nginx配置文件修改 转载于:https://www.cnblogs.com/kingxiaozi/p/10015955.html...
关于：provisional headers are shown问题
weixin_42385438的博客
10-14 730
前言： 问题描述：这个问题，是在一次部署项目后发现某一页面数据无法正常访问 可能发生的情况： 在网上找了一下解决办法，如下： 一：请求跨域被拦截 虽然现在网站的静态资源都会存在专门的静态域名下面，和html域名可能不一致。 但是基本都是基于CORS来解决这个问题，所以不存在这个问题。 再有就是，我们这种情况首次请求的时候不会发生，如果有跨域，应该都被block。 另外如果是被拦截，那么请...
provisional headers are shown
没有用户名的博客
06-13 1142
提交ajax请求，然后查看请求头报这个错。 这个是被浏览器拦截了，都没有到服务端那边。 检查1️⃣是不是装了什么插件，导致这个请求被拦截了。 2️⃣浏览器自带拦截功能，换个浏览器试试。 ...
provisional headers are shown！
qq_39326137的博客
04-23 559
我这次遇到这个问题是form表单提交<input id="bt-zdsj" type="submit" value="提交">改成<input id="bt-zdsj" type="button" value="提交"> 就可以了 原因解释: submit 走的是form表单 并没有走ajax 而button 走的是jquery中的ajax ...
请求头出现Provisional headers are shown
Haines
10-11 558
问题一：新版 Edge / chrome（94.0.4606.54）访问不了生产推荐平台的问题处理方式： 原因：新版 Edge / Chrome控制不允许不安全的网站向更私有的网络端点发出请求。https://chromeenterprise.google/policies/#InsecurePrivateNetworkRequestsAllowed 解决方案： 1、浏览器地址栏输入：chrome://flags/ 2、搜索 Block insecure private network reques.
出现错误 Provisional headers are shown net::ERR_CONTENT_LENGTH_MISMATCH
静下心来写代码
12-22 1639
1.错误效果图 1.1 当客户端请求服务端的时候出现 Provisional headers are shown，说明数据未发送出去。 1.2 有时候需要一些等待时间，请求成功 1.3 有时请求出现 net::ERR_CONTENT_LENGTH_MISMATCH 2.  错误说明 2.1 根据 Provisional headers are show
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值