Nginx 指定多个域名跨域请求配置

最新推荐文章于 2024-03-27 15:11:13 发布
VIP文章 最新推荐文章于 2024-03-27 15:11:13 发布
阅读量2.1k 收藏 3
点赞数
分类专栏： Linux服务器开发 Linux后台开发 web服务器 文章标签： Nginx 服务器开发 后台开发 web服务器 Linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Linuxhus/article/details/109726238
版权

 

nginx指定多个域名跨域请求配置

什么是跨域

假设我们页面或者应用已在 http://www.test1.com 上了，而我们打算从 http://www.test2.com 请求提取数据。一般情况下，如果我们直接使用 AJAX 来请求将会失败，浏览器也会返回“源不匹配”的错误，"跨域"也就以此由来。跨域的出现主要原因还是安全的限制(同源策略，也就是JavaScript或者Cookie只能够访问同域下的内容)，因此在日常的项目开发中会不可避免的出现跨域操作。 和打多数跨域的解决方案一样，JSONP是大多数前端同事的选择，但是JSONP只支持GET请求。但是如果项目功能需要改成支持POST请求,那么因为这种情况下传输的数据量较大，GET形式是搞不定的。此时JSONP并不是一个很好的选择。此时就需要使用CORS(跨域资源共享，Cross-Origin Resource Sharing).

一般跨域会出现的问题

一般来说，跨域会出现如下的问题：

 

 

实际项目中出现的问题

先前配置中有如下的域名：

 

 

browser.in.meizu.com是向客户端或者是H5提供接口访问的后台域名，browser-res.in.meizu.com,v-res.in.meizu.co

最低0.47元/天 解锁文章
Linux服务器开发
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx Access-Control-Allow-Origin 多域名跨域设置
weixin_30906425的博客
01-16 3212
2019-1-16 12:24:15 星期三 网站的静态文件(js, css, 图片, 字体等)是在一个单独的域名下的, 为了防止非法访问, 给nginx添加了跨域的控制, 也可以在PHP代码中添加 nginx指令: add header 1. 在location块中, 判断当前来源的域名($http_origin)是不是符合条件, 2. 符合条件的话就用add_header指令设置 Ac...
Nginx配置跨域请求 Access-Control-Allow-Origin *
weixin_34247032的博客
12-23 2911
当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource，需要给Nginx服务器配置响应的header参数： 一、 解决方案 只需要在Nginx的配置文件中配置以下参数： location / { add...
Nginx配置多个HTTPS域名的方法
09-30
本篇文章主要介绍了Nginx配置多个HTTPS域名的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
nginx 配置跨域失效修复的方法示例
01-20
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求方法跨域 add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE'; # 设置是否允许 cookie 传输 add_header 'A
nginx代理解决跨域问题
最新发布
呼啦啦啦啦啦的博客
03-27 2616
跨域（Cross-Origin）是指在 Web 开发中，一个网页的运行脚本试图访问另一个网页的资源时，这两个网页的域名、协议或端口号任何一个不同，就被称为跨域。跨域是由浏览器的同源策略（Same-Origin Policy）所限制的。同源策略是一种安全机制，它防止一个网页的脚本去读取另一个不同域名的网页内容。同源策略要求两个网页的协议、主机和端口号必须完全相同，否则就会出现跨域问题。简单来说，同源策略要求不同域名的网页之间不能相互访问对方的资源。
Nginx配置跨域请求Access-Control-Allow-Origin
qq_57252848的博客
10-08 3126
可以在nginx完成配置，允许多个域名跨域请求该服务端口。
Nginx配置跨域（CORS）
热门推荐
weixin_44273388的博客
04-15 5万+
nginx的跨域配置
Nginx如何配置跨域(多个域名)
moxiaomomo的专栏
10-08 5556
假设需要允许来源为localhost或.*.example.com下所有二级域名的访问，在nginx中只需要类似这样配置即可： location / { set $match ""; # 支持http及https if ($http_origin ~* 'https?://(localhost|.*\.example\.com)') { ...
Nginx设置Access-Control-Allow-Origin多域名跨域
1193379199的博客
01-08 1695
nginx上的解决方案是配置Access-Control-Allow-Origin来解决，但是要么允许所有，要么允许单个的，都不能解决我的文件，经过一番查找找到了解决方法，为大家介绍的关于nginx设置Access-Control-Allow-Origin多域名跨域的解决方法。可通过如下配制进行多域名的设置。
Access-Control-Allow-Origin 跨域多个域名
xxwd12的博客
08-09 6564
这样是允许所有域名，但是不想这样，那这样就没什么意义了， add_header Access-Control-Allow-Origin *; 但是想要指定多个域名，nginx不支持这样写 add_header Access-Control-Allow-Origin http://test.blyoo.com,https://www.blyoo.com; 可以这样写，多次判断，还要很多N...
Nginx服务器中处理AJAX跨域请求的配置方法讲解
09-30
主要介绍了Nginx服务器中处理AJAX跨域请求的配置方法讲解,包括Nginx作Apache的反向代理时的配置方法,需要的朋友可以参考下
nginx实现一个域名配置多个laravel项目的方法示例
09-30
主要介绍了nginx实现一个域名配置多个laravel项目的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用Nginx解决跨域问题
qi341500的博客
02-16 1万+
使用Nginx解决跨域问题 1、修改浏览器、客户端访问地址 2、在nginx.conf配置文件需配置server 3、在Nginx中配置客户端访问的接口（按照规则或通配），并设置被代理的服务器 4、在Nginx中统一配置客户端访问的头部信息（解决跨域问题） 5、在服务器端设置相应的头部信息（字符集编码等）
nginx 配置支持多域名跨域
12-06 978
背景 前端跨域一般使用JSONP（GET请求小数据量）、CORS(跨域资源共享，Cross-Origin Resource Sharing，用来传递大数据量) 现在的场景是需要nginx配置支持多域名跨域，跨域一般需要设置Access-Control-Allow-Origin。 问题描述 配置nginx，如果简单设置add_header Access-Control-Allow-Origin...
nginx 配置跨域访问多域名
大华的程序人生
03-30 5029
当浏览器发起ajax请求到其他域名时,会出现跨域的问题,在nginx上的解决方案是配置Access-Control-Allow-Origin来解决,此参数只允许配置单个域名或者*，当我们需要允许多个域名跨域访问时却不好配置,可以用map来实现 map $http_origin $corsHost { default 0; "~http://www.zz618.com" http://www.zz618.com; "~http://www.sukandy.com" http:/...
Nginx如何配置多个域名跨域
qq_36527174的博客
11-12 1780
Nginx配置域名跨域单个域名： location ~ .*\.(php|php5)?$ { add_header 'Access-Control-Allow-Origin' 'http://image1-oss.xxx.com'; add_header 'Access-Control-Allow-Credentials' 'true' always; fastcgi_pass 127.0.
nginx设置跨域
df981011512的博客
04-02 3878
1.CORS是一个W3C标准，全称是跨域资源共享(Cross-origin resource sharing)。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 当前几乎所有的浏览器(Internet Explorer 8+， Firefox 3.5+， Safari 4+和 Chrome 3+)都可通过名为跨域资源共享(Cross-Origi...
Nginx指定多个域名跨域配置
u014589884的博客
08-16 4753
1.Nginx配置域名跨域单个域名 location /live{ ... add_header 'Access-Control-Allow-Origin' 'http://domain:port' always; add_header 'Access-Control-Allow-Credentials' 'true'; # 为预检请求加的header add_header 'Access-Control-Allow-Met
利用nginx反向代理解决iframe跨域问题详解
05-01
通常情况下，虚拟主机可以支持多个域名和主机名，可以同时接收多个请求。 3.设置location指令。为了完成反向代理任务，可以使用location指令，将请求传递给正确的服务器，并且从指定的URL获取响应。具体而言，您...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值