Nginx配置HTTPS 访问前端报错 strict-origin-when-cross-origin

已于 2022-03-15 11:09:17 修改
阅读量1.6w 收藏
点赞数
分类专栏： centos 文章标签： nginx https ssl
于 2022-03-15 10:48:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44029501/article/details/123496618
版权

Nginx conf 文件 配置 http 以及 https 后，http可以正常访问前端页面，https访问报错：strict-origin-when-cross-origin，尝试：检查443端口状态，并重新加载防火墙配置。

1.查看443端口状态

firewall-cmd --add-port=443/tcp --zone=public --permanent

正常则返回：success

2.重新加载

firewall-cmd --reload
Sareyer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
主要给大家介绍了关于Nginx配置跨域请求Access-Control-Allow-Origin * 的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Nginx具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
09-30
今天小编就为大家分享一篇关于Nginx跨域设置Access-Control-Allow-Origin无效的解决办法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
HTTP 响应字段 strict-origin-when-cross-origin 的含义介绍
最新发布
Harley567
02-01 207
Referrer Policy 安全策略
Nginx反向代理proxy pass的简单用法、负载均衡
qq331300729的博客
08-28 1069
Nginx反向代理proxy pass的简单用法、负载均衡 一、proxy_pass结尾写法的问题 当proxy_pass的url后加上了　/　(斜杠)符号相当于是加了路径，则url就不会显示location的路径 反之，则会把location写的路径部分保留显示 1.有/符号 location ^~ /data/ { proxy_cache css_cache; proxy_set_header Host www.lxtian.com; proxy_pass http:/
nginx 开启https时反向代理http服务的问题
Star_tears的博客
02-05 1536
当我们用nginx开启https时，反向代理一个本地的http服务，会遭遇跨域问题，报错。，导致很多资源无法加载。
nginx配置
yonhu123java的博客
08-27 762
#user nobody; worker_processes 8; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type app
利用Nginx处理Vue开发环境的跨域的方法
09-29
主要介绍了利用Nginx处理Vue开发环境的跨域的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决 strict-origin-when-cross-origin 问题
热门推荐
时间静止
02-01 11万+
使用90版本之后的谷歌浏览器, 在部署前端项目后, 调用后端接口出现 strict-origin-when-cross-origin, 并且静态资源被拦截的情况的解决
strict-origin-when-cross-origin
m0_72712500的博客
09-28 3万+
*strict-origin-when-cross-origin工作方式、strict-origin-when-cross-origin使用实例及错误码。
跨域问题详解
吹灯老人的博客
02-01 2万+
为什么会出现跨域问题 同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 什么是跨域 url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 非同源限制 【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB 【2】无法接触非同源网页的 DOM 【3】无法向非同源地址发送 A
strict-origin-when-cross-origin nginx、tomcat、java、vue 跨域问题
野的博客
08-10 7万+
配置跨域时，要考虑当前环境，只是代码层次，还是tomcat部署后的，再或者是nginx转发后的 java import java.util.List; import org.springframework.context.annotation.Configuration; import org.springframework.format.FormatterRegistry; import org.springframework.http.converter.HttpMessageConverter;
Cross-Origin Resource Sharing in ASP.NET WebForms
01-27
asp.net webforms 跨域访问
Referrer-Policy : strict-origin-when-cross-origin解决方案
06-05
前后端联调跨域问题
vue打包使用Nginx代理解决跨域问题
12-09
vue 在开发环境，涉及跨域，就在本地配置了代理，但是部署到服务器上，就不行了。 解决方法有一下几种 服务器端配置CORS 用nginx反向代理,和访问本地服务器是一样的 可以修改成正式线上的地址，再build 推荐 使用nginx配置反向代理，这样就可以在前端彻底解决跨域问题。 vue index.js文件源码 'use strict' // Template version: 1.2.7 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('
利用Nginx反向代理解决跨域问题详解
01-10
问题 在之前的分享的跨域资源共享的文章中，有提到要注意跨域时，如果要发送Cookie，Access-Control-Allow-Origin就不能设为*，必须指定明确的、与请求网页一致的域名。在此次项目开发中与他人协作中就遇到此类问题。 解决思路 一般来说，与后台利用CORS跨域资源共享将Access-Control-Allow-Origin设置为访问的域名即可，这个需要后台的配合，且有些浏览器是不支持的。 基于与合作方后台的配合，利用nginx方向代理来满足浏览器的同源策略来实现跨域 实现方法 反向代理概念 反向代理（Reverse Proxy）方式是指以代理服务器来接受In
cross-origin
05-14
跨域及用户验证 CommonServer 启动公共服务，其他几个项目都请求这个服务的接口，产生跨域 npm run common JSONP 核心原理： 利用script请求后端数据，解析... // 配置 公共地址 JSONP.CommonUrl = JSONP.CommonUr
Nginx配置HTTPS，前端访问正常，后端报错strict-origin-when-cross-origin
Sareyer的博客
03-15 8908
Nginx配置HTTPS，前端HTTPS访问正常，后端HTPPS无法访问 报错strict-origin-when-cross-origin 原因：Nginx 给前端配置了 SSL 证书，但是后端没有配置SSL证书，导致前端HTTPS访问正常，但后端无法使用HTTPS。 解决办法： 举例：Flask 后端 后端配置 ssl_context ...
利用Crontab定时执行Python脚本
Sareyer的博客
01-21 6208
一、crontab操作 crontab -l //列出全部定时任务 crontab -e //编辑定时任务 二、crontab格式 第一列的 * 表示：分 第二列的 * 表示：时 第三列的 * 表示：日 第四列的 * 表示：月 第五列的 * 表示：周 三、定时执行Python脚本 * */1 * * * python3 /test/test.py //每小时执行一次test.py文件 */70 * * * * python3 /test/test.py //每70分钟执行一次test.py文件 1
nginx:strict-origin-when-cross-origin
09-08
nginx:strict-origin-when-cross-origin是一种跨域问题，主要出现在使用Nginx进行反向代理时，通过HTTPS访问前端页面，但后端HTTP服务无法正常访问的情况。这个问题导致很多资源无法加载，可能是由于缺少适当的CORS（跨域资源共享）设置所致。CORS是一种用于在浏览器中实现跨域访问的机制。 解决这个问题的方法是设置反向代理服务器的HTTP响应头Access-Control-Allow-Origin，允许指定的域名进行跨域访问。你可以在Nginx配置文件中添加以下内容： ``` location / { add_header Access-Control-Allow-Origin $http_origin; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; add_header Access-Control-Allow-Credentials true; if ($request_method = 'OPTIONS') { add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header Access-Control-Max-Age 1728000; add_header Content-Type text/plain charset=UTF-8; add_header Content-Length 0; return 204; } } ``` 以上配置将允许所有来源的请求进行跨域访问，你也可以根据需要修改add_header Access-Control-Allow-Origin的值来限制来源。 通过添加适当的CORS设置，你应该能够解决nginx:strict-origin-when-cross-origin的问题，并正确加载后端HTTP服务所需的资源。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sareyer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值