nginx配置跨域

最新推荐文章于 2024-08-30 14:29:09 发布
最新推荐文章于 2024-08-30 14:29:09 发布
阅读量559 收藏
点赞数
分类专栏： Nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsj777/article/details/106906443
版权
本文详细介绍了如何在Nginx服务器上配置跨域策略，以解决前端开发中遇到的跨域问题。通过设置合理的超时时间和配置HTTP响应头，确保了前后端交互的顺畅进行。
摘要由CSDN通过智能技术生成 

    location /stmApi/ {

                add_header 'Access-Control-Allow-Origin' $http_origin;
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' 'GET,PUT,POST,DELETE,OPTIONS';
                add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,token,sign,timestamp';
                add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
                if ($request_method = 'OPTIONS') {
                        add_header 'Access-Control-Max-Age' 1728000;
                        add_header 'Content-Type' 'text/plain; charset=utf-8';
                        add_header 'Conten
最低0.47元/天 解锁文章
Nginx 跨域设置
taishanfun的专栏
12-24 4061
简介 下面我们就来认识下CORS及在nginx中如何配置。 CORS CORS是一个W3C标准，全称是跨域资源共享(Cross-origin resource sharing)。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 简单来说就是跨域的目标服务器要返回一系列的Headers，通过这些Headers来控制是否同意跨域。 CORS提供的Headers，在Request包和Response包中都有一部分: #HTTP Response ..
nginx 配置端口解决跨域问题
邪人君子的博客
03-09 2221
cookie 在性质上是绑定在特定的域名下的。当设定了一个cookie 后，再给创建它的域名发送请求时，都会包含这个cookie。这个限制确保了储存在cookie 中的信息只能让批准的接受者访问，而无法被其他域访问。 问题描述： 项目前后端分离，后台要做Cookie验证登录状态，由于本地起前端服务，Cookie 传递受阻 解决方法： 使用Nginx转发请求。监听同一个端口，反向代理前端项目入口...
Nginx反向代理设置总结
横练技术
03-14 554
负载均衡技术有很多种，常用的四/七层负载均衡技术包含很多，Nginx反向代理就是其中的一种方案。 以下的配置就是Nginx反向代理配置样例： user www www; worker_processes 10; error_log /data1/logs/error.log crit; pid /usr/local/webserver/nginx/nginx.pid;
Nginx 跨域配置详细讲解
最新发布
骑上单车去旅行的博客
08-30 6522
跨域资源共享（CORS，Cross-Origin Resource Sharing）是一种机制，它使用额外的HTTP头部来告诉浏览器让运行在一个origin（域）上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域HTTP请求。
nginx 遇到跨域
爱码社长，从拧螺丝到造火箭，一步步带你飞
05-31 947
为了解决这个问题，您可以使用nginx中的“add_header”指令来添加“Access-Control-Allow-Origin”响应标头。当使用nginx作为web服务器时，如果您的应用程序在不同的域名或端口上运行，可能会遇到跨域问题，这会导致浏览器阻止您的应用程序以某些方式与其他域或端口进行交互。注意，以上配置将允许来自"http://example.com"的跨域请求，但不允许来自其他来源的请求。上面的指令将允许任何来源的跨域请求。上面的配置示例将允许来自端口300的请求进行跨域。
nginx跨域问题，解决多端口，多ip问题
03-26
使用nginx进行服务器管理，经常会遇到跨域问题，此文档就是解决此类问题； nginx跨域问题，解决多端口，多ip问题
Nginx 代理解决跨域问题分析
qigeminghao的博客
01-18 2524
当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。 分析前准备： 前端网站地址：http://localhost:8080 服务端网址：http://localhost:59200 首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的 当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决（后台也是一样的，只要你理解的原理）。 跨域主要涉及4个响.
nginx代理解决跨域问题
呼啦啦啦啦啦的博客
03-27 1万+
跨域（Cross-Origin）是指在 Web 开发中，一个网页的运行脚本试图访问另一个网页的资源时，这两个网页的域名、协议或端口号任何一个不同，就被称为跨域。跨域是由浏览器的同源策略（Same-Origin Policy）所限制的。同源策略是一种安全机制，它防止一个网页的脚本去读取另一个不同域名的网页内容。同源策略要求两个网页的协议、主机和端口号必须完全相同，否则就会出现跨域问题。简单来说，同源策略要求不同域名的网页之间不能相互访问对方的资源。
nginx 配置跨域失效修复的方法示例
01-20
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
Nginx配置跨域请求Access-Control-Allow-Origin * 是解决现代Web应用中常见问题的一个关键步骤。在Web开发中，由于浏览器的同源策略限制，不同源的网站之间不能直接进行AJAX请求，除非服务器允许这样的跨域行为。...
nginx 配置跨域失效修复
db3265613的专栏
11-26 2281
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Co...
AiYooooo#hexo-blog#Nginx配置跨域信息1
07-25
今天在搭建Vue项目时用到了Axios，在添加自定义头信息的时候遇到了问题，options验证阶段报错'Request header field Content
CORS跨域问题解决
u011925641的博客
09-13 669
CORS跨域问题解决 简介 CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源(协议 + 域名 + 端口)服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 CORS需要浏览器和服务器同时支持。它的通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的...
Access-Control-Expose-Headers 响应报头、跨域 公开响应头
weixin_46484674的博客
09-28 2万+
问题现象： 前端无法获取响应头 Response Header 原因 问题原因：跨域问题 启用跨域请求（CORS）Access-Control-Expose-Headers 响应报头 指示哪些报头可以 公开 为通过列出他们的名字的响应的一部分 默认情况下，只显示6个简单的响应头，在上方也有介绍。 如果你想要客户端能够访问其他的请求头，则必须使用Access-Control-Expose-Headers 列出他们。
nginx配置详解-- nginx.conf
墨迹斑斑的老墙
12-07 2510
nginx全局配置，server配置location配置
Nginx配置跨域请求 Access-Control-Allow-Origin *
weixin_39709920的博客
01-05 1297
当出现403跨域错误的时候。
跨域-Nginx-CORS配置
z69183787的专栏
11-11 4237
4、Access-Control-Allow-Headers，这个要注意，里面一定要包含自定义的http头字段（就是说前端请求接口时，如果在http头里加了自定义的字段，这里配置一定要写上相应的字段），从上面可看到我写的比较长，我在网上搜索一些常用的写进去了，里面有“web-token”和“app-token”，这个是我项目里前端请求时设置的，所以我在这里要写上；有用，我以前这样使用也正常过，但后来还是遇到问题了，发现有些项目请求就不成功，也遇到有些浏览器成功，有些浏览器不成功；
正确配置Access-Control-Allow-Origin，千万不要设置成*
热门推荐
baijiafan的博客
08-24 8万+
正确配置Access-Control-Allow-Origin，千万不要设置成*，这样的配置太不安全。
nginx配置跨域的简单方法
xianyuxiaoqiang的专栏
06-02 341
server { ... add_header Access-Control-Allow-Origin ${http_origin}; # 允许所有来源请求 add_header Access-Control-Allow-Methods *; # 允许所有方法跨域 add_header Access-Control-Allow-Headers ${http_access_control_request_headers}; # 允许所...
nginx 配置跨域
05-28
Nginx 是一款高性能的 Web 服务器和反向代理服务器，它也可以用来配置跨域。跨域是指在一个域名下的文档或脚本试图去请求另一个域名下的资源，这里的域名可以是不同的二级域名或者不同的根域名。跨域请求是受到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

非ban必选

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

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

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

打赏作者

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

抵扣说明：

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

余额充值