跨域请求-已阻止跨源请求:同源策略禁止读取位于 xxx 的远程资源。(原因:CORS 预检通道未成功)。

问题描述

已阻止跨源请求:同源策略禁止读取位于 xxx 的远程资源。(原因:CORS 预检通道未成功)。

我要做一个测试服务器接口的页面。用ajax来发请求的。服务器端用了oauth2认证。
需要验证Authorization的请求中我设置了headers。。只要设置过了headers,无论是什随便写的或者是ContentType,,都会出现标题的错误。请求根本没发出去。但是在不需要验证Authorization的请求就不会出现这样的问题

解决方案

ajax是不能跨域的,这是主流浏览器出于安全考虑都不允许的。除非你的接口的服务器和你的网站拥有相同的域名。

解决方案二:

动态页设置Access-Control-Allow-Origin为*允许跨域请求

不过IE10-你需要用XDomainRequest对象进行跨域请求,不能用XMLHttpRequest,IE10-没有实现withCredentials

解决方案三:

已阻止跨源请求:同源策略禁止读取位于

时间: 2024-08-07 05:11:28

跨域请求-已阻止跨源请求:同源策略禁止读取位于 xxx 的远程资源。(原因:CORS 预检通道未成功)。的相关文章

ajax跨域访问 JQuery的跨域详解

JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点: 有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗? 其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定. 今天2013年8月2日又抽时间整理了下,修改了优化在线调用的方法. 我这里提供了在线测试调用的功能,方便大家测试.点击查看 其实跨域有两种思路,思路一:就是通过js跨域访问:思路二:是通过后台写代码访问 下面说下两种方法的实现: 思路一:

ajax跨域访问-ajax的跨域访问快递接口

问题描述 ajax的跨域访问快递接口 访问一个快递查询接口:html如下: <!DOCTYPE html><html><head><meta charset=""UTF-8""><title>Insert title here</title><script type=""text/javascript"" src=""js/jqu

JSONP跨域GET请求解决Ajax跨域访问问题_json

前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址.难道是这里的问题,经过检查和调试,发现原来是同源策略在作怪,我们知道,JavaScript或jQuery是在Web前端开发中经常使用的动态脚本技术.在JavaScript中,有一个很重要

JSONP跨域请求实例详解_javascript技巧

JSOP简介 JSONP(JSON with Padding)是JSON的一种"使用模式",可用于解决主流浏览器的跨域数据访问的问题.由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外.利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP.用 JSON

wcf rest ajax post 提交的不能跨域

问题描述 wcf rest ajax post 提交的不能跨域 今天调试代码的时候发现一个跨域问题,在IE上运行正确,但是在Chrome和Firefox上提示"Error"错误是 所用的 getPreventDefault() 已不赞成使用.请使用 defaultPrevented 替代. jquery.js:5375:0已阻止跨源请求:同源策略禁止读取位于 http://192.168.1.105:3721/OrderServices/ 的远程资源.(原因:来自 CORS 预检通道的

常见的javascript跨域通信方法_javascript技巧

本文主要介绍几种常见的javascript跨域通信方法.首先讲解一下JSONP.1.JSONP JSONP(JSON with Padding)是JSON的一种"使用模式",可用于解决主流浏览器的跨域数据访问的问题.由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外.利用 <script> 元素的这个开放策略,网页可以得到从其他

浅析JSONP解决Ajax跨域访问问题的思路详解_AJAX相关

前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现方法有多种,本例采用jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址.难道是这里的问题,经过检查和调试,发现原来是同源策略在作怪,我们知道,JavaScript或jQuery是在Web前端开发中经常使用的动态脚本技术.在JavaScript中,有一个很重要

使用JSONP解决Ajax跨域访问问题

前几天,工作上有一新需求,需要前端web页面异步调用后台的Webservice方法返回信息.实现方法有多种,本例采用 jQuery+Ajax,完成后,在本地调试了一切ok,但是部署到服务器上以后就出现问题了,后台服务调用没有响应,怎么回事?代码没怎么改动,唯一修改的地方就是jQuery的ajax方法中的url地址.难道是这里的问题,经过检查和调试,发现原来是同源策略在作怪,我们知道,JavaScript 或jQuery是在Web前端开发中经常使用的动态脚本技术.在JavaScript中,有一个很

JS跨域交互(jQuery+php)之jsonp使用心得_javascript技巧

什么是jsonp? 说到jsonp,你可能最先想到JSON:它还真和JSON有关系: JSONP(JSON with Padding)是JSON的一种"使用模式",可用于解决主流浏览器的跨域数据访问的问题.由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外.利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产