关于Nginx跨域配置的一些问题，详解如何正确的配置跨域

最新推荐文章于 2024-05-28 21:56:16 发布
最新推荐文章于 2024-05-28 21:56:16 发布
阅读量3.3k 收藏 1
点赞数 1
分类专栏： Nginx 文章标签： nginx http https linux 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jeremyrui/article/details/124559387
版权
关于Nginx跨域配置的一些问题首先说说跨域请求为什么跨域请求的时候浏览器会报错，拿不到服务器返回的结果?跨域不是请求发不出去，而是服务端正常返回结果后被浏览器拦截了返回结果。（浏览器为了防止非同源的请求 拿到服务器的返回数据结果）什么是跨域请求?凡是请求来源与请求目标的协议（如http和https）、域名（如a.b.com和b.b.com）、端口号不同（如a.com:80和a.com:81）的请求，都是跨域请求。跨域请求举例：从http://a.com 请求 https://a.com从h
摘要由CSDN通过智能技术生成

关于Nginx跨域配置的一些问题

首先说说跨域请求

为什么跨域请求的时候浏览器会报错，拿不到服务器返回的结果?

跨域不是请求发不出去，而是服务端正常返回结果后被浏览器拦截了返回结果。（浏览器为了防止非同源的请求 拿到服务器的返回数据结果）

什么是跨域请求?

凡是请求来源与请求目标的协议（如http和https）、域名（如a.b.com和b.b.com）、端口号不同（如a.com:80和a.com:81）的请求，都是跨域请求。

跨域请求举例：

从http://a.com 请求 https://a.com

从http://a.a.com 请求 http://b.a.com

从http://a.com:80 请求http://a.com:81

都是跨域请求。

跨域请求的类型
1、简单请求

请求方法只能是：HEAD、GET、POST

能主动自定义设置的头信息只能包括：Accept、Accept-Language、Content-Language、Last-Event-ID、Content-Type

其中Content-Type只能限定三个值：application/x-www-form-urlencoded、multipart/form-data、text/plain

2、非简单请求

不能同时满足简单请求的两个条件的都是非简单请求。例如：

请求方法为PUT，DELETE

请求方法为P

最低0.47元/天 解锁文章
萝莉哥
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nginx学习笔记（六）Nginx实现跨域（cors）访问（2种方案）
nuaa042216的博客
10-07 1万+
Nginx实现跨域访问
Nginx解决跨域问题
weixin_55853065的博客
11-10 8779
这几天出现了一个问题，我们中的一个A系统需要给B系统调用，造成了跨域问题。当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。
Nginx实现跨域使用字体文件的配置详解
09-30
主要给大家介绍了关于Nginx实现跨域使用字体文件的配置方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
Nginx实战：跨域配置
最新发布
龙叔运维的博客
05-28 628
跨域（Cross-Origin）是指浏览器从一个域名的网页去请求另一个域名的资源时，浏览器会对这个请求进行同源策略（Same-Origin Policy）的安全限制。这个安全策略是浏览器的一种安全机制，用于限制一个源（域名、协议、端口）的网页只能请求该源的资源，而不能请求其他源的资源。CORS是一个W3C规范，它定义了一种浏览器和服务器交互的方式来确定是否允许跨源请求。CORS通过一种特殊的HTTP头信息（Access-Control-Allow-Origin）来实现这种交互。
Nginx 轻松搞定跨域问题
Java知音
05-30 2万+
当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。分析前准备：前端网站地址：http://localhost:8080服务端网址：http://localhost:59200首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通...
Nginx跨域配置
虫虫的博客
12-06 1万+
Nginx跨域配置
Nginx跨域解决方案
热门推荐
CrazyQiQi的博客
08-03 2万+
Nginx跨域解决方案
nginx 配置跨域失效修复的方法示例
01-20
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...
Nginx跨域访问场景配置和防盗链详解
09-29
在本文中，我们将深入探讨Nginx服务器在处理跨域访问和防盗链方面的配置。跨域访问控制和防盗链是Web服务器管理中两个重要的安全措施，它们...正确配置这些选项，可以确保你的网站资源安全，同时提供良好的用户体验。
Nginx 解决跨域
半只
03-31 1万+
项目准备 前端网站地址：http://localhost:8080 服务端网址：http://localhost:8081 确认服务端是没有处理跨域的，先用postman测试服务端接口是正常的 当前端网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决 跨域主要涉及4个响应头： Access-Control-Allow-Origin 用于设置允许跨域请求源地址 （预检请求和正式请求在跨域时候都会验证） Access
Nginx基本介绍+跨域解决方案
dreamhua927的专栏
03-03 6881
Nginx简介 Nginx 是一款由俄罗斯的程序设计师 Igor Sysoev 所开发的高性能的 http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，它的主要功能有： 反向代理 负载均衡 HTTP 服务器 目前大部分运行的 Nginx 服务器都在使用其负载均衡的功能作为服务集群的系统架构。 功能说明 在上文中介绍了三种 Nginx 的主要功能，下面来讲讲 具体每个功能的作用。 一、反向代理（Reverse Proxy） 介绍反向代理前，我们先理解下正向代理的概念。
nginx代理解决跨域问题
呼啦啦啦啦啦的博客
03-27 5439
跨域（Cross-Origin）是指在 Web 开发中，一个网页的运行脚本试图访问另一个网页的资源时，这两个网页的域名、协议或端口号任何一个不同，就被称为跨域。跨域是由浏览器的同源策略（Same-Origin Policy）所限制的。同源策略是一种安全机制，它防止一个网页的脚本去读取另一个不同域名的网页内容。同源策略要求两个网页的协议、主机和端口号必须完全相同，否则就会出现跨域问题。简单来说，同源策略要求不同域名的网页之间不能相互访问对方的资源。
nginx跨域
OfficerGoodbody的博客
09-02 1万+
1.跨域解释 1.1 怎么知道我遇到了跨域问题 如果项目没做前后端分离，是不会有跨域问题的。前后端分离的项目中，前端调用后台服务时，报错 No 'Access-Control-Allow-Origin' header is present on the requested resource，你就是遇到了跨域问题。另外，前端调试强烈推荐使用chrome，使用QQ浏览...
1 Nginx跨域配置
weixin_37855495的博客
04-11 1万+
至此，Nginx的大部分内容都已阐述完毕，关于最后一小节的性能优化内容，其实在前面就谈到的动静分离、分配缓冲区、资源缓存、防盗链、资源压缩等内容，也都可归纳为性能优化的方案。
Nginx高级（八）：nginx跨域、nginx正向代理、nginx反向代理
大胡子哥哥
11-29 3753
一、nginx跨域 1 . 什么是跨域？ 跨源资源共享(CORS)是一种机制，它使用额外的HTTP标头让用户代理获得访问来自不同来域的服务器上选定资源的权限，而不是使用当前正在使用的站点。用户代理在请求来自与当前文档不同的域，协议或端口的资源时，会发出跨源HTTP请求。 2 . 产生跨域的原因？ 1、出于安全原因，浏览器限制从脚本内发起的跨域HTTP请求。例如，XMLHttpRequest与提取API遵循同域策略。这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源，除非使用
【nginx】nginx解决跨域详解（最实用，最详细最通俗易懂）
SAGGITARXM
07-14 4025
本人转载自https://www.cnblogs.com/BoatGina/p/8409549.html 这是我找了好久发现的一个最通俗易懂，也是最有效的跨域方案教学，大家可以参考一下！ 使用场景：本地运行一个项目，但是要访问外域的api接口，存在跨域问题，解决方式有很多，但我尝试用nginx解决，搜索了网上文章后再加上尝试终于成功， 其中一些注意事项和大家分享一下。 一.window下使用nginx 重点：掌握重启和关闭nginx的命令 1.安装： 在官网上选择适合的版本，我选的是wind..
浏览器跨域 nginx 怎么配置
08-25
要配置Nginx实现浏览器跨域访问，可以按照以下步骤进行配置： 1. 在Nginx服务器上创建一个目录用于存放跨域访问资源。可以使用命令`mkdir /usr/share/nginx/corsmulti02/`来创建目录。 2. 在创建的目录中创建一个index.html文件，并添加内容。可以使用命令`echo '<h1>Corsmulti02</h1>' > /usr/share/nginx/corsmulti02/index.html`来创建文件并添加内容。 3. 在Nginx的配置文件中添加跨域访问的配置。可以使用add_header语法来配置响应头，使多个域名能够跨域访问资源。例如，可以在配置文件的相应位置使用以下语法进行配置： ``` add_header Access-Control-Allow-Origin "http://localhostsource01.odocker.com"; add_header Access-Control-Allow-Origin "http://source02.odocker.com"; ``` 其中，将"http://localhostsource01.odocker.com"和"http://source02.odocker.com"替换为允许跨域访问的域名。 通过以上配置，就可以实现浏览器跨域访问Nginx服务器上的资源了。在浏览器中访问"http://corsmulti02.linuxds.com/"即可跨域访问Nginx服务器上的资源。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Nginx跨域配置](https://blog.csdn.net/m0_67391683/article/details/126113742)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Nginx跨域访问场景配置和防盗链详解](https://download.csdn.net/download/weixin_38737335/14091819)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值