Header写入了Access-Control-Allow-Origin,ajax请求还报跨域错误

后台Java,tomcat,MySQL布置在远程服务器上,
nginx配置了
Access-Control-Allow-Origin:*
Access-Control-Allow-Headers:Content-Type,api_key,Authorization,X-Requested-With,Accept,Origin,Last-Modified
Access-Control-Allow-Methods:GET,POST,OPTIONS
页面Response Headers显示已经写入了Access-Control-Allow-Origin,但进行ajax请求的时候还是报跨域错误。现在不知道是后端或者前端程序的错误还是nginx配置错误,不用nginx的时候后端程序写了个拦截器也是这种情况。
json接口!
图片说明

图片说明

0

5个回答

图片说明

0

你发的响应头图片是show?pro_name=....这个链接的没有先,自己点击去看响应头,如果是不应该报错的
还有是什么浏览器?chrome?

0
sinat_32852795
Inthur_c 哦哦,这个帖子是同一个问题,,他们都说在nginx里配置下就能解决了,这个发出请求的页面和请求的地址是同一个域,为什么会配置不成功呢
2 年多之前 回复
showbo
支付宝加好友偷能量挖 回复Inthur_c: 你贴的这个响应头是哪个页面的?这个响应头一定要是ajax请求的页面设置的,不是ajax请求这个页面肯定报错。可以看这个吗,有详细说明,包括浏览器兼容:http://bbs.csdn.net/topics/392020851
2 年多之前 回复
sinat_32852795
Inthur_c 要说如果打开http://xxx.xxx.xxx.xxx8080/BIM/show?pro_name=111这个页面,,它的响应头没写入。。
2 年多之前 回复
sinat_32852795
Inthur_c ....不太懂,这个链接是ajax请求的url和要查询的参数,页面上是没有错误的,只有发生请求时才跳出这两个错误,然后第一个错误点击跳出的响应头是域名的,有写入。谷歌和火狐都是这个情况。
2 年多之前 回复

图片说明

图片说明

0

图片说明

0

额...我应该访问80端口就不报跨域错误,不过访问地址端口号消失了还是访问不到

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax 设置Access-Control-Allow-Origin实现跨域访问
ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jquery的jsonp方法,type设为POST,也会自动变为GET。如果跨域使用POST方式,可以使用创建一个隐藏的iframe来实现,与ajax上传图片原理一样,但这样会比较麻烦。因此,通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
Ajax跨域问题的解决方法之一 —— "Access-Control-Allow-Origin"
Ajax跨域问题的解决方法之一 —— “Access-Control-Allow-Origin”环境 后台语言 使用框架 Nodejs express 问题正常情况下使用Ajax请求时,若应用与服务器间的协议,端口或域名有任意一个不同,则请求跨域。 浏览器报错信息:XMLHttpRequest cannot load http://xxx/xxx. Origin http://xxx
关于ajax跨域访问,Access-Control-Allow-Origin 404的简单解决办法
~关于ajax跨域,都是一个老生常谈的问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全(大家应该都知道)。即使使用jquery的jsonp方法,type设为POST,也会自动变为GET。(实践才是硬道理) 例如:客户端的域名是www.c.com,而请求的域名是www.s.com 如果直接
django解决跨域请求的问题
django解决跨域请求的问题解决方案1.安装django-cors-headerspip install django-cors-headers2.配置settings.py文件INSTALLED_APPS = [ ... 'corsheaders', ... ] MIDDLEWARE_CLASSES = ( ... 'corsheaders.middle
Flask: Ajax 设置Access-Control-Allow-Origin实现跨域访问;Ajax页面底部自动加载
问题: 网页上(client)有一个ajax请求,Flask sever是直接返回 jsonify。 然后ajax就报错:No 'Access-Control-Allow-Origin' header is present on the requested  原因: ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这
跨域访问-预请求及跨域常见问题
预请求 参考:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS#预请求 简而言之,在跨域并且尝试添加一些特殊头及自定义头的情况下,由于浏览器的安全机制,会加多一次OPTIONS预请求(询问请求),与跨域服务器协商可以设置的头部信息,可以允许的HTTP协议等等信息。 以如下图一次跨域请求为例。 图中
ajax跨域及解决方案
转载,真的好文:原文链接 前言 从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。 个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~ 题纲 关于跨域,有N种类型,本文只
跨域请求问题在服务端设置了Access-Control-Allow-Origin后依然不能解决的问题
 如下:如果将ajax请求的请求头content-type设置成为"application/x-www-form-urlencoded",即便在服务端设置的跨域配置依然不能解决问题,(但是通过在浏览器插件中进行跨域却没有问题)去掉content-type 请求依然是form-data的方式提交 $.ajax({ async: false, crossDomain:true, ...
cocos2d-js跨域访问问题,cocos2d-js请求网络数据
下面是cocos2d-js请求网络数据的代码: var HttpRequest = { /* * 网络请求之GET * url 请求的网络地址 * callback 回调参数 * */ GET:function(url,callback){ var xhr = cc.loader.getXMLHttpRequest();
ElasticSearch——跨域访问
跨域请求: ES服务器安装部署成功之后 从另外一个域的浏览器访问ES服务器数据,会出现跨域的问题。 抛出错误:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response ha
jersey构建rest接口,ajax跨域访问(原因:CORS 头缺少 'Access-Control-Allow-Origin')
用jersey构建的接口,RestClient可以访问,但是当端进行访问的时候就会出错。 查阅一下资料 大概意思为 跨域请求,当域名不一样的时候,服务器会拒绝访问。 这时候需要加入过滤器来进行控制请求,允许访问服务器 以下为接口代码和过滤器代码 package com.limeng.test; import javax.ws.rs.GET; import javax.ws.rs.P...
ajax 设置Access-Control-Allow-Origin实现跨域访问(一)
ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jQuery的jsonp方法,type设为POST,也会自动变为GET。 官方问题说明: “script”: Evaluates the response as JavaScript
Golang利用Access-Control-Allow-Origin响应头解决跨域请求问题
1、在http请求的响应流头部加上如下信息: rw.Header().Set("Access-Control-Allow-Origin", "*") rw是http.ResponseWriter对象 2、Beego中添加路由过滤器 beego.InsertFilter("*", beego.BeforeRouter, cors.Allow(&cors.Options{
htaccess下配置跨域的方法
<IfModule mod_headers.c> Header add Access-Control-Allow-Origin: * </IfModule> <IfModule mod_headers.c> Header add Access-Control-Allow-Origin: "http://www.badcatxt.com" </IfModule> <IfModule mod_
php 利用Access-Control-Allow-Origin响应头解决跨域请求
传统的跨域请求没有好的解决方案,无非就是jsonp和iframe,随着跨域请求的应用越来越多,W3C提供了跨域请求的标准方案(Cross-Origin Resource Sharing)。IE8、Firefox 3.5 及其以后的版本、Chrome浏览器、Safari 4 等已经实现了 Cross-Origin Resource Sharing 规范,实现了跨域请求。在服务器响应客户端的时候,带上...
Vue项目跨域设置,axios跨域不成功的一个小问题( Vue CLI3跨域请求,Vue proxyTable配置,Access-Control-Allow-Origin )
Vue项目,因为前后端分离,所以在请求后端接口时,时常遇到跨站问题, 1、如果前后端项目部署时候不在同域名下,前端不用配置,后端做好CORS配置即可,后端配置可参考https://blog.csdn.net/envon123/article/details/83270277 2、如果前后端部署在同一个域名,就不会有跨域问题,但一般是生产环境部署是同一个域名下,但在开发环境时,并不是同域名呀,所...
利用Access-Control-Allow-Origin响应头解决跨域请求原理
传统的跨域请求没有好的解决方案,无非就是jsonp和iframe,随着跨域请求的应用越来越多,W3C提供了跨域请求的标准方案(Cross-Origin Resource Sharing)。IE8、Firefox 3.5 及其以后的版本、Chrome浏览器、Safari 4 等已经实现了 Cross-Origin Resource Sharing 规范,实现了跨域请求。 在服务器响应客户端的时
mui.ajax跨域访问
研究mui的时候测试ajax,发现默认跨域访问是被拒绝的。但提示比较模糊,就在web服务端和客户端都加了有关Access-Control-Allow-Origin和Access-Control-Allow-Headers的配置,在几个浏览器中测试通过。网上有说需要配置客户端、配置浏览器的,也有说只需要配置服务端即可。经过测试得出结论:  配置服务端就可以了。我是用asp.net做的webserve
Java后台解决前端跨域问题(No''Access-Control-Allow-Origin')
需要把当前类加到项目里面的文件夹下 import org.springframework.boot.web.servlet.MultipartConfigFactory; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration;...
Firefox/Chrome/IE Ajax 怎样设置允许跨域请求
一般js出现跨域请求时时,浏览器会出现错误,解决方法为在服务器的页面header加Access-Control-Allow-Origin参数 chrome:XMLHttpRequest cannot load xxx.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Firefox错误:已阻止跨域源请求:同源策略禁止取位于 http://...xxx 的远程资源.(原因: CORS 头缺少
关于Access-Control-Allow-Origin的跨域错误解决
网页似乎比flash还严格, 子域名之间都不能互相访问 必须在
跨域调用Access-Control-Allow-Origin报错的解决办法
报错内容: jquery-2.0.3.min.js:3 XMLHttpRequest cannot load http://192.168.31.151/smartcity/add.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:
spring boot 配合前端实现跨域
一.方法: 服务端设置Respone Header头中Access-Control-Allow-Origin 配合前台使用jsonp 继承WebMvcConfigurerAdapter 添加配置类 二.实例:1.前端:因为我们用了前后端分类前端用node服务器,用了ajax反向代理具体代码: app.all(apiRoot + '/*', proxy('127.0.0.1:' + proxyPort
lyui 资源跨域获取
lyui 资源跨域获取
Vue 项目中遇到的跨域问题(后台 PHP)
问题描述 前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header(&quot;Access-Control-Allow-Origin: *&quot;); 加了之后报这个错: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the ...
利用Access-Control-Allow-Origin响应头解决跨域请求
传统的跨域请求没有好的解决方案,无非就是jsonp和iframe,随着跨域请求的应用越来越多,W3C提供了跨域请求的标准方案(Cross-Origin Resource Sharing)。IE8、Firefox 3.5 及其以后的版本、Chrome浏览器、Safari 4 等已经实现了 Cross-Origin Resource Sharing 规范,实现了跨域请求。 在服务器响应客户端的时
解决前端Html5和Egret跨域请求Http数据的例子
最近在做平台的接入,需要做一些像其他web服务器请求相关数据的功能。那么就遇到了一个跨域请求网络数据的问题了。这里记录一下相关的解决方案。一、服务端修改Header 最主要是服务端支持服,返回的时候必须增加一个Header AddHeader("Access-Control-Allow-Origin","*");实际部署的时候,* 应该修改为指定的域名 2. 客户端使用XMLHttpRequest
ajax请求接口跨域问题解决方案(控制器加header头)
 response.setHeader(&quot;Access-Control-Allow-Origin&quot;, request.getHeader(&quot;Origin&quot;));        response.setHeader(&quot;Access-Control-Allow-Credentials&quot;, &quot;true&quot;);        response.setHeader(&quot;P3P&quot;, &quot;CP=CAO PSA OUR.
如何允许跨域?什么是Access-Control-Allow-Origin:*
如果你在www.aaa.com:80域下访问www.bbb.com:80下的接口,那么接口必须要做如下指定:echo header("Access-Control-Allow-Origin:*");你发起请求的客户端才能得到自己想要的response。
workerman php 跨域头设置
Http::header("Access-Control-Allow-Origin: *"); // 允许任意域名发起的跨域请求          Http::header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');        Http::header('Access-Co
nginx 解决access-control-allow-origin CORS跨域安全访问问题及秘钥文件的配置
 利用nginx实现https访问,同时添加秘钥和和防止跨站访问,这里我只修改了一些默认的参数, vi nginx.conf server { listen 443 default_server ssl; # 打开https的端口号,启用https的443端口 server_name www.a.com; # 服务器的...
vue aixos解决跨域
vue axios 跨域问题
关于跨域请求静态文件配置问题[Access-Control-Allow-Origin]
当请求不同域名下的一些文件的时候,例如:src='******.svg' 有时候会出现这样的提示 已阻止跨源请求:同源策略禁止读取位于*的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。 Font from origin '' has been blocked from loading by Cross-Origin Reso
【转】利用Access-Control-Allow-Origin响应头解决跨域请求原理
 传统的跨域请求没有好的解决方案,无非就是jsonp和iframe,随着跨域请求的应用越来越多,W3C提供了跨域请求的标准方案(Cross-Origin Resource Sharing)。IE8、Firefox 3.5 及其以后的版本、Chrome浏览器、Safari 4 等已经实现了 Cross-Origin Resource Sharing 规范,实现了跨域请求。在服务器响应客户端的时候,带...
go echo后端处理跨域的两种方式
跨域问题一般需要在后台解决会比较好。 1.第一种方式当然是接受所有的跨域方式: func setAccessOriginUrl(c echo.Context) { c.Response().Header().Set("Access-Control-Allow-Origin", "*") } 2.第二种接受指定地址的跨域请求: func setAccessOri
php跨域问题,ajax发送的header自定义问题
实际开发遇到的问题,查找中发现一篇不错的资料,收藏一下
C# ABP 允许跨域请求
首先配置Web Api: 1. 在Web API项目下,安装包 Install-Package Microsoft.AspNet.WebApi.Cors 2. 然后在 WebApiModule 的方法Initialize中,添加下面代码:(代码最好在ConfigureSwaggerUi的上面) //设置跨域 var cors = new EnableCo
beego跨域+后台Session控制
vue+beego作为后台跨域设置在使用golang做web的应用程序的时候,最容易碰到跨域问题了,跨域就是www.a.com访问www.b.com的文件。但是在浏览器里,为了安全起见,这样做是不允许的,这就是js的同源策略了。 鉴于此,vue前端需要传输数据到后端时,就遇到了跨域的问题,为了解决跨域问题,beego框架提供了以下的解决方法// 这段代码放在router.go文件的init()的开
AJAX跨域问题-笔记
笔记来自学习慕课网课程:官网链接 编写前后端测试代码 后端springboot项目-ajaxserver 依赖文件 pom.xml pom.xml &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;?xml version=&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;1.0&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot; encoding=&amp;amp;amp;amp;
跨域访问header的问题
最近在服务器上要返回流数据到客户端,需要添加header,从而在客户端访问,但是访问时老是弹出“Refused to get unsafe header "*****"”问题,需要在iis的响应表头里加上 Access-Control-Expose-Headers:你的表头(Access-Control-Request-Headers:你的表头,可不加)。 另:附上
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 web请求教程 java写机器学习