phpstudy nginx设置CORS跨域不起作用的可能解决方法

Strongding 2020-01-14

今天搞了半天的跨域问题，想通过nginx配置跨域，希望以后本地调试程序都不用为这件事烦心。无非就是设置几个请求头：

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Headers *;

但是配置半天没配好，真的是半天。。后来配好了，在此分享给大家，希望给大家一点帮助。

请求PHP文件报错CORS

配置那三行，不能写在 localhost_80.conf 的

location / {
    #...
}

里面，因为有反向代理！继续往下看这个文件，会看到

location ~ \.php(.*)$ {
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;
            fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
            fastcgi_param  PATH_INFO  $fastcgi_path_info;
            fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;
            include        fastcgi_params;
}

必须写在这里面。

以GET方式请求静态文件（.txt, .json等）报错CORS

因为我的网站根目录下有一个 nginx.htaccess 文件，里面也有

location / {
    #...
}

localhost_80.conf 文件里面 include 了这个文件，所以配置 conf 文件不起作用，必须在这里面配置。不过新建的网站不会自己有，是我之前配置了伪静态才生成的。

以非GET方式请求静态文件（.txt, .json等）出现405

这种错误解决方法不止一种，参考网上资料，在 localhost_80.conf 里面增加一行：

location / {
    #...
    error_page 405 =200 $uri;
    #...
}
 
 

以上如有不对之处，敬请指正！

Strongding

Strongding

相关推荐

Spring API 的 CORS 测试

在开发 API 和前端的时候，最麻烦的就是一个 CORS 测试。你不知道你的 API 是否允许 CORS，也不知道是不是因为前端的原因。但是 CORS 这个跨域访问确实让人非常头疼。## 写个页面为了解决这个问题，我们用 HTML 写了个页面，这个页面可以

yiranpiaoluo / 0评论 2020-11-04

Nginx解决跨域问题（CORS）

在后端服务器设置 HTTP 响应头，把你需要运行访问的域名加入加入 Access-Control-Allow-Origin中。把后端根据请求，构造 json 数据，并返回，前端用 jsonp 跨域。这两种思路，本文不展开讨论。需要说明的是，nginx 根据

yyyxxxs / 0评论 2020-06-26

SSM的跨域问题解决

CORS是一个W3C标准，全称是"跨域资源共享"。CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使

Chydar / 0评论 2020-05-16

Nginx 设置cors跨域

在我们的开发中，经常遇到跨域，这个时候，可以通过cors来解决。在web服务器上进行设置cors 跨域，这样就不必改动代码。add_header ‘Access-Control-Allow-Methods‘ ‘GET, POST, OPTIONS‘;# C

ysmh00 / 0评论 2020-05-14

AWS 如何配置 Bucket 的 CORS

在 AWS 中如何配置 Bucket 的 CORS。因为我们有时候需要进行跨域访问。下面的配置参数为规则的配置参数：。如果你想对所有访问的域名都开放的话，你只需要配置一个

yuxinshuier / 0评论 2020-04-21

AWS CloudFront CDN + S3 CORS 跨域访问的问题

因为上面的限制，你需要调整 CloudFront 和 S3。选择行为选项卡。如果更新 CORS 策略并将相应的标头列入白名单后仍显示错误，请尝试在分配的缓存行为中允许 OPTIONS HTTP 方法。默认情况下，CloudFront 只允许 GET 和 H

wolfjin / 0评论 2020-04-21

JSONP与CORS原理与示例

", {id:2,name:‘李四‘,sex:‘男‘},JSONP只支持GET请求，不支持POST请求。JSONP的原型：创建一个回调函数，然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递，完成回调。CORS与JSONP的使用目的

fengchao000 / 0评论 2020-04-11

同源策略：JSONP和CORS

　　同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。　　但是两个源在达成共识后，需要相互传递数

somebodyoneday / 0评论 2020-03-06

CORS原理及@koa/cors源码解析

这是一个用于隔离潜在恶意文件的重要安全机制。这些再次印证了跨域是浏览器的限制。服务器收到预检请求以后，检查了Origin、Access-Control-Request-Method和Access-Control-Request-Headers字段以后，确认

zagnix / 0评论 2019-11-16

跨域解决方案-jsonp/CORS/postMessage/hash/WebSocket/proxy

浏览器会有同源策略，域名，协议，端口只要有一个不同就是跨域.同源策略只限制浏览器端，跨域请求是可以发去的，但是请求响应response被浏览器堵塞了，是限制了不同源的读，但不限制不同源的写，服务端没有同源策略这一限制，form表单可以跨域发送信息也是这个原

wenf00 / 0评论 2019-11-04

JSONP跨域和CORS跨域的区别

由于浏览器中的javascript的同源策略，同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互。是跨域资源共享，它是 W3C 标准，属于跨源 AJAX 请求的根本解决方法。CORS与JSONP的使用目的相同，但是比JSONP更强大，C

baijinswpu / 0评论 2019-10-31

CORS on Apache

To add the CORS authorization to the header using Apache, simply add the following line inside either the<Directory>,<L

wsd / 0评论 2015-05-29

什么是同源/跨域？什么是CORS？什么是JSONP？

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。同源又是什么呢？所谓同源是指，域名，协议，端口均相同。JSONP就可以解决跨域问题。JSONP是网页通过动态创建<script>元素向服务器发起请求

adonislu / 0评论 2019-09-08

Access to XMLHttpRequest has been blocked by CORS policy: Request header field l

由于前端请求的header字段未在服务器端运行，导致请求跨域报错。

HAcSeeking / 0评论 2018-11-05

spring MVC cors跨域实现源码解析

昨天前端遇到跨域问题，但是这个问题，我应该在很早就配置过，后来发现，spring boot的配置有一点改变。查找了一些资料，才发现是拦截器的顺序问题。简单说就是只要协议、IP、http方法任意一个不同就是跨域。spring MVC自4.2开始添加了跨域的支

chenchuanwen / 0评论 2019-05-24

前后端分离跨域问题汇总CORS

处理了问题一，后面的ajax请求还会有401的问题，因为丢失了登录状态。

Ken专注后端技术 / 0评论 2019-03-29

HTML5安全：CORS（跨域资源共享）简介

我之前《用HTML5实现人脸识别》这篇文章中提到了“Face.com实现了CORS。CORS系统基本上可以让服务器暴露给其它域上文件的Ajax调用。这是一个伟大的功能，我希望更多的服务能够使用它。”由此我将引入和介绍CORS，希望对大家有所帮助。

haocxy / 0评论 2014-08-21

前后端分离跨域问题汇总CORS

处理了问题一，后面的ajax请求还会有401的问题，因为丢失了登录状态。

DELTALOCK / 0评论 2019-03-29

Yii支持多域名cors原理

Nginx设置多域名尝试直接通过 Nginx 的add_header模块追加 Access-Control-Allow-Origin 值实现，如下：。浏览器抛出如下跨域错误：。故通过该方法不能设置多域名进行 cors。Yii2设置多域名Yii2 设置多域名

sunyu0 / 0评论 2019-06-29

Django解决ajax跨域访问问题

Django解决ajax跨域访问问题这篇文章主要给大家介绍了关于Django跨域请求问题解决的相关资料，文中介绍的实现方法包括：使用django-cors-headers全局控制、使用JsonP，只能用于Get方法以及在views.py里设置响应头，只能控

stdjkdblom / 0评论 2019-06-28

浏览器原生支持ECMAScript模块，本地测试报CORS policy跨域错误

不像常规的脚本加载，直接跨域可以解析，module模式下脚本资源加载需要 CORS 方式获取，不然浏览器报CORS policy跨域相关错误。需要模块资源服务端配置 Access-Control-Allow-Origin，可以指定具体域名，或者直接使用*

Joyine / 0评论 2019-06-28

jsonp-反向代理-CORS解决JS跨域问题的个人总结（更新 v2.0）

网上说了很多很多，但是看完之后还是很混乱，所以我自己重新总结一下。解决 js 跨域问题一共有8种方法：。CORS是跨源资源分享的缩写。它是W3C标准，是跨源AJAX请求的根本解决方法。缺点3：要确定jsonp请求是否失败并不容易。

cfh00 / 0评论 2019-06-28

同源策略与CORS跨域

同源策略与CORS跨域PS:这篇文章是紧接着JSONP原理和Ajax学习与理解写的,有些内容是承接了上两篇文章.这篇文章只算是我的个人学习笔记,内容没有经过精心排版,也没有认真校对格式,一些错误请见谅.请求成功了,但是报了一个错加载失败了,所以,请求发送出

清闲居 / 0评论 2019-06-28

解决ajax post跨域的问题

最近有一个手机wap站上传图片到服务器的需求，需要用到ajax post请求，但请求跨域，附上请求跨域情况的详细表格：参考了一些解决办法，最后用CORS解决，方法很简单，服务端servlet处添加代码：。resp.setHeader;" * &q

longshengguoji / 0评论 2016-03-29

CORS方式实现ajax跨域 --- nginx配置

实际跨域问题及其解决方案1.课题：ajax实现跨域访问2.背景：1.画面服务器：192.168.196.6 → tomcat服务2.js模板服务器：192.168.196.8 → nginx服务3.画面服务需跨域请求js资源。CORS需要浏览器和服务器

huzilinitachi / 0评论 2019-06-28

CORS跨域

当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。比如，站点 http://domain-a.com 的某 HTML 页面通过 <img> 的 src 请求 http://domain-b.c

81493369 / 0评论 2019-06-27

前端跨域策略实践----cors，jsonp

但是，我们如何进行实践呢？向什么服务器发请求？很简单，就在当前网页，打开控制台，输入请求的代码。同时在本地创建一个node服务

zijinmu / 0评论 2019-06-27

CORS on Apache

CORS on ApacheTo add the CORS authorization to the header using Apache, simply add the following line inside either the<Direc

wsd / 0评论 2015-05-29

HTTP访问控制（CORS）

一 前言今天在开发的时候查看网络请求注意到一个很有意思的问题：跨域发送post请求时，总是发送两次，第一次是OPTIONS请求，状态码204；第二次才是POST请求，状态码200.深入的研究发现，这里面的内容不简单，所以有了下面的文章。出于安全原因，浏览器

81493369 / 0评论 2019-06-27

Ajax与CORS通信

JSONPCORS本文主要讨论CORS解决AJAX因为浏览器同源策略不能跨域请求数据的问题。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。CORS允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制

永不放弃 / 0评论 2019-06-27

Koa2框架利用CORS完成跨域ajax请求

实现跨域ajax请求的方式有很多，其中一个是利用CORS，而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的，最基本的配置进行说明。而其余的，put、post请求，Content-Type为application/json的请求，以

sunpowerz / 0评论 2019-06-26

探究CORS（跨域资源共享）

CORS是一个W3C标准，全称是"跨域资源共享"。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。出于安全原因，浏览器限制从脚本内发起的跨源HTTP请求。跨域并不一定是浏览器限制了发

84487600 / 0评论 2019-06-26

跨域问题之 CORS

介绍CORS 全称 Cross-Origin Resource Sharing，中文翻译为 跨域资源共享。CORS 可以看做web服务器和浏览器之间的协议， web服务器声明限制内容，浏览器解析并实施限制。web服务器 -> 我允许来自 http:/

84487600 / 0评论 2019-06-26

Ajax跨域问题及解决方案（jsonp，cors）

¨è¨¨è¨°èèjs·è°¨è¤¨°é訷scriptsrc±§è¨éajaxèajax¨¤ééè觰 jsonp. jsonp谱訷écallback° è°°ècallback°°èJSON° è··°±éè·±°è¨¤è°。°"

jishamo / 0评论 2019-06-26

[号外号外]ios系统中应用webview、safari浏览器cors请求跨域不携带cookie问题解决

百度之后，没有找到相关解决办法，经过几天折腾终于解决。遇到类似问题的老铁们，看是否可以解决同样的问题。

81224450 / 0评论 2019-06-26

nginx配置CORS实现跨域

场景最近有个上传图片的需求，为了分流，将接口部署到另一个单独的域名，所以需要解决跨域的问题。同时只能对指定子域名放开访问权限，所以设置如下。Access-Control-Allow-Origin *.test.com亲测不可用，只能是*和指定的域名。实现还

xiedengmin / 0评论 2019-06-26

JSONP CORS WebSocket

一般情况下，XMLHttpRequest对象只能访问与包含它的页面位于同一个域中的资源，这种安全策略可以预防某些恶意行为，即通常所说的同源策略。只要协议、域名、端口号有任何一个不同，都会被当成不同的域。跨域解决方法JSONP JSONP由两部分组成：回

lemontreeshy / 0评论 2019-06-25

关于jsonp，cors跨域的那些事

jsonJSONP 是 JSON 的一种使用模式，可以解决主流浏览器的跨域数据访问问题。其原理是根据 XmlHttpRequest 对象受到同源策略的影响，而 <script> 标签元素却不受同源策略影响，可以加载跨域服务器上的脚本，网页可以从

zijinmu / 0评论 2019-06-25

AJAX原理与CORS跨域

ajax作为前端开发必需的基础能力之一，你可能会使用它，但并不一定懂得其原理，以及更深入的服务器通信相关的知识。在最近两天的整理过程中，看了大量的文章，发现自己的后端能力已经限制自己在网络通信相关的知识领域的探索，还是应该尽快补齐短板。不过在此之后，IE5

永不放弃 / 0评论 2019-06-25

第二十五章：SpringBoot添加支持CORS跨域访问

CORS"跨域资源共享"，是一个W3C标准，它允许浏览器向跨域服务器发送Ajax请求，打破了Ajax只能访问本站内的资源限制，CORS在很多地方都有被使用，微信支付的JS支付就是通过JS向微信服务器发送跨域请求。开放Ajax访问可被跨域

Chydar / 0评论 2019-06-25

【SpringMVC】与权限拦截器冲突导致的Cors跨域设置失效问题

问题描述前端域名FE.com向后端域名BE.com分别请求访问优惠券的列表和提交新增的优惠券，API设计所用的Method分别为Get和Post，结果为前一次访问成功而后一次访问失败。这两次请求都是跨域请求，其中请求1包含一个Get请求，请求2本应该包含一

0xZzzz / 0评论 2019-06-21

【日常填坑】之ajax请求laravel的api接口

关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。日常填坑手记关于Larave扩展laravel-cors使用的laravel-cors

stdjkdblom / 0评论 2019-06-21

AJAX学习笔记2：XHR实现跨域资源共享（CORS）以及和JSONP的对比

1 前言：首先对参考文章作者表示感谢，你们的经验总结给我们这些新手提供了太多资源。很显然，如果 Cookie 包含隐私，这些信息就会泄漏。由此可见，"同源政策"是必需的，否则 Cookie 可以共享，互联网就毫无安全可言了。目前，如果非

小傻 / 0评论 2019-06-20

AJAX 跨域解决方案 - CORS

AJAX 是无需刷新页面就能够从服务器去的数据的一种方法，负责Ajax运作的核心对象是XMLHttpRequest对象。同源策略是对XHR的一个主要约束，它为通信设置了“相同的域、相同的端口、相同的协议”这一限制。试图访问上述限制之外的资源都会引发安全错误

清闲居 / 0评论 2019-06-20

关于跨域的ajax——Cross-Origin Resource Sharing (CORS)

/* cookie 设置发送到浏览器端，不会生效。可以考虑把域名做一个白名单，读取到服务器，然后再进行匹配。事实上，如果用户通过setRequestHeader自定义了头部信息，浏览器会默认先发送一个请求，用了判断请求是否合法，如果不通过，ajax请求就

坚持着执着 / 0评论 2012-08-19

HTML5安全风险之CORS攻击详解

SOP就是Same Origin Policy同源策略，指一个域的文档或脚本，不能获取或修改另一个域的文档的属性。也就是Ajax不能跨域访问，我们之前的Web资源访问的根本策略都是建立在SOP上的。它导致很多web开发者很痛苦，后来搞出很多跨域方案，比如J

秋风知劲草 / 0评论 2015-09-25

AJAX原理与CORS跨域

ajax作为前端开发必需的基础能力之一，你可能会使用它，但并不一定懂得其原理，以及更深入的服务器通信相关的知识。在最近两天的整理过程中，看了大量的文章，发现自己的后端能力已经限制自己在网络通信相关的知识领域的探索，还是应该尽快补齐短板。不过在此之后，IE5

坚持着执着 / 0评论 2017-10-16

WebApi Ajax 跨域请求解决方法（CORS实现）

ASP.NET Web API 的好用使用过的都知道，没有复杂的配置文件，一个简单的ApiController加上需要的Action就能工作。但是在使用API的时候总会遇到跨域请求的问题，特别各种APP万花齐放的今天，API的跨域请求是不能避免的。在默认情

chenjinfei / 0评论 2018-06-24

详解Django解决ajax跨域访问问题

使用Django在服务器端写了一个API，返回一个JSON数据。这是由于CORS导致的。API部署在DomainA上； Ajax文件部署在DomainB上，Ajax文件会向API发送请求，返回数据； 用户通过DomainC访问DomainB的Ajax文

ministech / 0评论 2018-08-24