XMLHttpRequest在请求失败(Origin&null&is&not&allowed&by&Access-Control-Allow-Origin.)
由于我直接把文件夹里的html直接拖到chrome里面导致jquery发送ajax请求时发生错误
XMLHttpRequest cannot load .
Origin null is not allowed by Access-Control-Allow-Origin.
百度了一下其他博文，分别有如下两种解释：
1.报错部分的英文的大概意思就是不允许跨域，至于什么叫做不允许跨域呢？
1.1这里推荐一个博文，简单的解释了一下跨域 ：
之前一片日志说使用xmlhttprequest获取服务数据时，在IE下能通过而在chrome不能通过的问题，今天终于有了一个答案，这就是所谓的跨域问题，什么是跨域呢？我还说不清楚，我说说比较不规范但是通俗的说说法吧，比如你使用chrome打开一个本地的html页面，那么我认为现在你的机器就是一个站点，这个html就是运行在这个站点上，如果你要在这个html页面中通过xmlhttprequest获取百度的页面源码信息，就有点跨域的意思，这和你直接在地址栏上输入www.baidu.com又不一样，因为那样的话，你当前的站点就是百度了，如果百度也在他的主页上通过xmlhttprequest获取google的页面信息，那样应该也算是跨域了吧，但是这个跨域问题在服务器上是不存在的，你在服务器上使用urlHttpConnection连接其他站点是允许的。
可以想象，你连接到你自己的服务器，打开一个页面，如果这个页面要获取google的数据，那么这个页面可以向服务器发出请求（这个页面和这个服务器是同一个域，我通俗的理解，所以这个请求没问题），服务器根据请求向google获取数据（这个是允许的），然后服务器再将获取到的数据反馈回页面，这样页面就获取到google的数据了。
这是逻辑上的转变，比如说你打开了一个a.com，想要在a.com/index.html中使用js直接向域名为b.com的服务器请求数据是行不通的，但是，用服务器端向b.com请求数据是没问题的，所以，可以在a.com/index.html中用
js向a.com发出请求，让服务器去请求b.com的数据，然后通过a.com服务器反馈给前端，
1.我尝试了chrome、firefox、opera都出现了这种情况，但是使用IE8就不会出现这种错误，很多人不是很理解。
这里Windows help and support 做出了解释
&IE本身也并不是允许跨域的因为这样很不安全，但是如果不跨域的话又带来很多不便，所以会让你手动的选择一下是否允许跨域。而chrome、firfox、opera则默认就是不允许。
2.或者不能用Javascript直接访问本地文件，把music.txt放到服务器中，然后访问服务器吧。
发现本人的问题是第二种。。。坚决把url改成http://127.0.0.1:8080/jquery/modalDemo/Default.html之类的，一点事都没有（下次表偷懒直接从文件夹里拖）
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。使用vue.js的proxyTable解决跨域问题 - 简书
使用vue.js的proxyTable解决跨域问题
当前端工程师搭建好页面开始与后端进行联调时，总是会面对跨域的问题：
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' is therefore not allowed access.”
解决办法：
进入你的vue项目下 -& config -& index.js，里面的dev对象下有一个proxyTable的属性，这个参数主要是一个地址映射表，可以帮助我们将复杂的url简化。
如要请求的地址是api.xxx.com/list/1，可以对proxyTable进行如下配置：
proxyTable: {
'/list': {
target: 'http://api.xxx.com',
pathRewrite: {
'^/list': '/list'
如此一来就可以用/list/1来代替http://api.xxx.com/1。
那么又是如何解决跨域问题的呢？其实在上面的'list'的参数里有一个changeOrigin参数，接收一个布尔值，如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求，这样就不会有跨域问题了，当然这只适用于开发环境。增加的代码如下所示：
proxyTable: {
'/list': {
target: 'http://api.xxxxxxxx.com',
changeOrigin: true,
pathRewrite: {
'^/list': '/list'
如果想要一套代码兼容开发和生产环境，避免在开发环境和生产环境之间切换时，频繁修改接口调用的代码。可以作如下判断：
let urlApi = ''
let url = window.location.href
if(url.indexOf('8080') & -1){
urlApi = '/list/1/xxx'
urlApi = 'http://api.xxxxxxxx.com/1/xxx'
参考文档：
前端工程师；
摄影爱好者；
财富自由探索者。
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：
、 、 、&frame&等dom标签，还有样式中background:url()、@font-face()等文...
Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智能路由，微代理，控制总线）。分布式系统的协调导致了样板模式, 使用Spring Cloud开发人员可以快速地支持实现这些模式的服务和应用程序。他们将在任何分布式...
前言：对于跨域请求，很早之前就有去了解过，但因为一直关注的都是服务器后端开发，故也就仅仅停留在概念的理解上而没有机会在实际开发场景中接触得到。最近在公司的开发任务中，需要接触到 Ajax 跨域请求，由于之前没有遇到过类似的问题，在开发过程中遇到不少困难，也查阅了不少资料和博...
2017此平台某程序员事件后已经删除 新家见：https://segmentfault.com/a/9713 原文见：http://www.dailichun.com//ajaxCrossDomainSolution.html
什么是跨域？ 2.) 资源嵌入：、、、等dom标签，还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景...
在这篇博文里面我打算写两个《Effective C++》中的原则，因为第一个原则太短了。现在介绍第一个原则：条款10，此条款旨在说明在你自己编写的赋值操作符=一定要返回该左值的引用。具体来说就是返回this。这很好解释，因为this是指向本对象的指针，那么this就是该对象...
马上又到生日了，今年又是在外地度过。不知有几年没在生日这天吃到爸爸做的长寿面了，曾经一碗面一个荷包蛋，就觉得好幸福，好满足，而如今，爸爸妈妈年龄越来越大，而我在身边陪伴的日子也屈指可数，无非就是国家规定的节假日在家。
都说子女长大了总会离家，在外打拼，有苦有泪都往肚子...
在学习react的时候经常遇到别人所说的webpack，出于好奇我花费了半天的时间学习了一下它，不得不说webpack很强大，很适用于实际开发。 webpack和gulp webpack和gulp相似，可以取代一部分gulp的操作（压缩/合并/编译文件等），gulp的配置文...
无计划，不营销 众堪新能源2017年总体销售目标：4万吨 2017年月销售目标详情如下： 一：烧烤炭部分
2017年5月份完成销售量 ：
2017年6月份完成销售量 ：
2017年7月份完成销售量 ：
我有好多种本本。
比如这一种～是日知录，书写内容随意，简单。有很简短的一句话，有感悟，有心得，有美句，有小诗，有需要买的书名……
比如这一种，有配的字和画，用于摘抄文章，同时可以随意设计格式，随意画画。最主要的字可大可小，全由自己的心情来决定。 ...javascript 跨域 问题_百度知道
javascript 跨域 问题
" target="_blank">http://localhost/.xxx.yahooapis.com/v1/public/yql" target="_blank">http.但是访问<a href="http.com is not allowed by Access-Control-Allow-Origin.yahooapis://www://query://www. Origin
Path=/Access-Control-Allow-Origin.Accept-EncodingDOKSet-Cookie:&AO=&quot:07:40&GMT注意里面有一条标识 Access-Control-Allow-Origin:* ;&GMT:41&meta&nbsp:&Smeta&nbspXMLHttpRequest2 进行跨域访问时需要服务器许可，不是任何域都接受跨域请求的。先来看一下从 Yahoo YQL 域返回的响应头（Response Header ）;或 *;那么如何设置呢？如果要接受跨域访问请求，就必须在服务器端返回的资源中加入&Access-Control-Allow-Origin 头标识，&Access-Control-Allow-Origin 的值可以是 URL&&&10:07;text/charset=utf-8Content-Encoding:&gzipVary,&Jun&2013&10:&&gt，这就表示允许跨域访问，所以可以正常访问该域，如果是 URL 则只会允许来自该 URL 的请求，* 则允许任何域的请求。比如:80&quot:&Version=1;23&nbsp，在 HTML 中可以设置：&lt.baidu.1&200&Domain=yahoo.&Max-Age=;&Expires=Sat,&18-Jun-2033&*Cache-Control:&public，而对于其他没有该标识的域就会出现禁止访问提示。&content=&http-equiv=&Access-Control-Allow-Origin&quot://<a href="http,&nbsp：HTTP/1;&nbsp:&*&&或&&content=&max-age=899Content-T&http-equiv=&Access-Control-Allow-Origin&o=1&dnt=1&;s=1&amp
采纳率：64%
为您推荐：
其他类似问题
您可能关注的内容
javascript的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。javascript - AngularJS Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin - Stack Overflow
Join Stack Overflow to learn, share knowledge, and build your career.
or sign in with
I'm developing a web app with AngularJS. It consists in an admin interface that rely on an json-rpc API that resides on another domain.
In my local enviroment, if I make a Request (with AngularJS) to API server I get the error "Origin
is not allowed by Access-Control-Allow-Origin" in my console Browser".
I've read the limit of modern browsers to blocking the request to another domain, but.... if there is no solution...
Do I need to create my web service (with one backend language: es: PHP or Python) that make requests to API web server and then make the AngularJS request to this?
Why I need another "web server" in the middle of my application infrastructure?
Thanks in advance.
Update: I've read about crossdomain.xml file here:
Does it could be, in someway,
the solution of my problem?
1,01411325
Because server must send headers with CORS enabled when responding to ajax requests. Something like:
'Access-Control-Allow-Origin', '*'
'Access-Control-Allow-Credentials', true
'Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS'
'Access-Control-Allow-Headers', 'Content-Type'
But read more about CORS to protect your server.
Current internet browsers checks for these headers when You are sending ajax communication. It is for security reasons.
1,52311020
Having a web server is always an option, but if you want to stay on the client, consider using JSONP. Read about it here:
33.7k24267
Your Answer
Sign up or
Sign up using Google
Sign up using Facebook
Post as a guest
Post as a guest
By posting your answer, you agree to the
Not the answer you&#39;re looking for?
Browse other questions tagged
Stack Overflow works best with JavaScript enabled前提：服务端网站的配置(被请求的网站)1.需要在IIS服务器站点的功能视图中设置HTTP响应标头： 2.双击&HTTP响应标头&进入设置界面3.点击右侧添加按钮弹出窗口
前提：服务端网站的配置(被请求的网站)
1.需要在IIS服务器站点的功能视图中设置HTTP响应标头：
2.双击&HTTP响应标头&进入设置界面
3.点击右侧添加按钮弹出窗口
4.填入需要设置的信息
&名称：Access-Control-Allow-Origin &值：*(或是网站域名)
&名称：Access-Control-Allow-Methods 值：GET, POST, PUT, DELETE, OPTIONS
&名称：Access-Control-Allow-Headers 值：Content-Type
现在就可以使用jquery:ajax访问本站点的相关服务的信息了！
另外也可以在服务端的webconfig里配置：
&system.webServer&
&httpProtocol&
&customHeaders&
&add name=&Access-Control-Allow-Origin& value=&*&/&
&add name=&Access-Control-Allow-Methods& value=&GET,POST,PUT,DELETE,OPTIONS&/&
&add name=&Access-Control-Allow-Headers& value=&Content-Type&/&
&/customHeaders&
&/httpProtocol&
&/system.webServer&
在前端的开发中，最麻烦的莫过于浏览器的缓存，经常需要清理缓存文件，导致开发效率较低。但Chrome可以一键禁止浏览器缓存，并且在后续的操作中，无论相同的资源请求多少次，都不会缓存
内容页浏览内容可改变字号大小的方法
以前有人发过这样的方法，我这里也来发一个。 1.在内容模板的头部里加入下面的代码： &script type=&text/javascript&&function FontZoom
在百度地图生成器http://api.map.baidu.com/lbsapi/creatmap/创建地图，把代码添加以自己网页后，地图上的标记点图片不显示，只显示一个红叉，原因是标记点的图片路径不正确，修改为正确的图片地址就行了。
1、在获取的代码中找到var icon = new BMap.Icon
2、把括号里的图片地址改为：http://map.baidu.com/image/us_mk_icon.png
3、刷新网页就可以了。
html,body{ overflow-y:}
html,body{ overflow: min-height:101%;}
html{ overflow:-moz-scrollbars-}
帝国CMS在列表页中，只要信息没有标题图片，就不显示，有标题图片才显示，这样没标题图片的情况下，就不会显示一个X框框。list.var中勾选 使用程序代码示例代码：if(empty($r[titlepic])){
$r[titlepic]=&#39;/images/img
效果很好的原生JQ方法！可以到下面的演示里去看看！http://www.moyublog.com/code/code001/
自日起，墨鱼部落格商业源码正式开通认证域名机制服务！认证域名的用户需要到http://www.moyublog.com/site_misc/grant/这个链接进行域名认证！请认真填写各项参
&object data=&http://www.yikashequ.com/skin/ecms037/images/1.mp3& type=&application/x-mplayer2& width=&0& height=&0&&
&param name=&src& value=&http://www.yikas
第一步：复制我给你的安装包到你的网站，覆盖原来的的文件，默认发送UTF8版本的，请按照你网站的编码向墨鱼索要对应版本的程序~！第二部：到如下图所示位置执行SQL语句，添加一个关键数据
********************
********************1、将“upload”目录下的文件上传至帝国CMS系统目录；2、插件安装完毕。********************
如果本文对你有所帮助请打赏本站
打赏方法如下：
支付宝打赏
最近更新作品
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
微信二维码