Chrome浏览器本地HTML5开发，ajax请求连接服务器出现跨域问题

最新推荐文章于 2021-08-06 15:13:57 发布
原创 最新推荐文章于 2021-08-06 15:13:57 发布 · 883 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax请求跨域 #cherom设置跨域

本文介绍了一种在使用Chrome浏览器进行本地HTML开发时遇到的跨域问题及其解决方案。当通过AJAX请求尝试连接服务器进行调试时，可能会遇到跨域限制错误。文章提供了一个简单的方法来禁用浏览器的安全检查，从而允许开发者进行跨域调试。

Chrome浏览器本地开发HTML时，  ajax请求连接服务器调试出现跨域问题。

错误信息： 

Origin null is not allowed by Access-Control-Allow-Origin

 

解决办法：

1/  将下面一句复制到快捷方式的最后面（如下图）

--disable-web-security --user-data-dir

2/ 双击快捷方式打开浏览器，输入html地址即可

html静态页面，实现跨域访问
05-16
请用google浏览器打开，页面百分比缩小到百分之三十再访问。 1、 请在服务器上部署附件war 2、 将【两个工程.zip】压缩包中的webChart.war和jdbc2json.war上传至apache-tomcat-8.0.33/webapps下 3、 启动tomcat，~/apache-tomcat-8.0.33/bin/start.sh
本地html画面ajax请求url 报跨域错误
emmmmmm的博客
04-13 3846
1.报错原因（本地文件跨域访问问题https://blog.youkuaiyun.com/sjohnny/article/details/70256172）方案一：src/main/java/com.project.xxx/configCorsConfig.javapackage com.project.xxx.config;import org.springframework.context.annotat...
谷歌浏览器如何设置可以解决Ajax跨域问题？
weixin_34366546的博客
11-06 354
Ajax本身是不支持跨域的，跨域问题其实很简单，通过浏览器的相应设置可以完成两个不同的服务器或两个不同服务下的项目互相访问。希望大家给予评价及投票。 方法/步骤   首先谷歌快捷方式上右击，在下拉列表中选择属性。   打开属性窗口，切换到快捷方式选项卡下面，默认是常规选项卡。   ...
[Widget] HTML5解决跨域问题
weixin_34266504的博客
07-31 267
HTML5解决跨域问题 由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。 但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。 ...
如何解决chrome 等浏览器不支持本地ajax请求的问题
zhengxiuchen86的博客
07-16 379
如何解决chrome 等浏览器不支持本地ajax请求的问题
最新版chrome谷歌浏览器Ajax跨域调试问题
热门推荐
叮叮当当_技术与营销
04-15 1万+
Ajax本身是不支持跨域的，而我们在开发工作中，可能会遇到本地开发环境未配置相关代码，需要到其他服务器上获取数据的情况，尤其在用html5开发app的过程中，前后台完全分离，使用Ajax进行数据交互，这种情况非常常见。我们可以通过对谷歌浏览器进行设置，利用命令行标记 –disable-web-security ，方便跨域调用数据做测试。版本号49之前的跨域设置1.首先谷歌快捷方式上右击，在下拉列表中
谷歌插件开发ajax请求,谷歌扩展程序设置ajax请求容许跨域（极少人知道的解决方案）...
weixin_39926613的博客
08-05 615
header("Access-Control-Allow-Origin:*");/*星号表示全部的域均可以接受，*/header("Access-Control-Allow-Methods:GET,POST");3.jsonP跨域原理：浏览器ajax自己是不能够跨域的，经过产生一个script标签来实现跨域。由于script标签的src属性是没有跨域的限制的。服务器其实设置了dataType: ...
HTML5 AJAX跨域请求
技术学习与分享
08-27 1万+
方法一：HTML5新的标准中，增加了” Cross-Origin Resource Sharing”特性，这个特性的出现使得跨域通信只需通过配置http协议头来即可解决。 Cross-Origin Resource Sharing 详细解释见： http://dvcs.w3.org/hg/cors/raw-file/tip/Overview.html Cross-Origin Res
ajax请求本地json文件，谷歌浏览器报跨域错误
qq_34425377的博客
04-11 5786
前端在做页面的时候，有时候需要可能为了测试某一功能，或者为了自己做demo，会访问本地json文件，获取数据，进行处理；但最近发现使用ajax请求json文件的时候，谷歌浏览器报错如下： Access to XMLHttpRequest at ‘file:///…’ from origin ‘null’ has been blocked by CORS policy: Cross origin r...
HTML5之Ajax跨域的问题和处理
努力，追梦的博客
06-25 6166
请求的文件与当前的文件不在同一域下，ajax跨域请求   （1）         标准浏览器下： 后端对访问源进行控制： 设置一下：设置访问该资源的域       window.onload =function() {               /*        在标准浏览器下，XMLHttpRequest对象已经是升级版本，支持了更多的特性，可以跨域了
html5新增跨域,HTML5解决跨域问题
weixin_28795851的博客
06-03 623
HTML5解决跨域问题由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。终于，HTML5提供的...
Chrome里面Ajax本地跨域问题 Cross origin
PkJY
03-05 4863
Ajax本地跨域问题当我在测试《JavaScript语言与Ajax应用》里面关于Ajax示例的时候，发现Chrome提示 Cross origin requests are only supported for protocol schemes 但是用Firfox运行之后却没有问题，遂网上寻找答案之，发现很多人也碰到过，这是Chrome浏览器的本地跨域问题，需要配置Chrome浏览器。解决方法：
谷歌插件解决ajax跨域问题
abc312032132的博客
01-18 9911
小生第一次写博客，略紧张，大哥大姐们不要嫌弃哈。 之前在提交ajxa数据的时候（代码如下），服务器明明接受到了我post给他的数据，查下数据库表也已经增加了，但是就是接受不到服务器发回的状态（代码如下）：function addNewFunction2(step2Itemid,newVal) { $.ajax({ url: "http://localhost:8080/B
html文件本地打开向8080端口ajax请求失败，出现跨域
weixin_44142032的博客
04-15 979
https://www.cnblogs.com/micua/p/chrome-file-protocol-support-ajax.html 只要协议，域名，端口其中一个发生改变，就是跨域
html5提交数据到php跨域,HTML5中使用postMessage实现Ajax跨域请求的方法
weixin_33111267的博客
03-26 188
由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。常规的几种解决方法：(1) document.domain+iframe；(2) 动态创建script；(3) iframe+location.hash；(4) flash。这里不细说这几种方法，记录的是HTML5的window.postMessage。postMessage兼容IE8+、Fir...
html5 ajax post 跨域请求,ajax(jquery) post json 跨域访问问题
weixin_33185261的博客
06-09 788
因为后端需要json或raw格式数据,按照网上的例子,发送的总是form-data数据设置contentType:"application/json; charset=utf-8"后发现发送的不是POST请求,而是OPTIONS请求$(document).ready(function(){$("button").click(function(){$.ajax({type:"POST",url:"h...
本地文件打开不支持ajax,我读本地文件时,Ajax无法正常工作
weixin_42187487的博客
08-06 436
好的,我不能连续两天解决此问题..这里的示例：http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml2在w3schools网站上工作正常.但是当我将代码复制并粘贴到记事本中时.没用我已经下载了XML文件.比起我,我读到的是AJAX不支持使用本地文件.我不明白吗？我有一份关于学校使用本地XML文件的建议.当AJAX不支持使用本地文件时...
本地的网页跨域请求node.js服务，跳坑Access-Control-Allow-Origin: *
xinping7he的博客
04-05 592
本文借鉴了 一位亲爱的博主的博客：https://www.cnblogs.com/laowang-tester/p/12204445.html 再通过大神阮一峰的博客了解跨域资源共享 CORS ：http://www.ruanyifeng.com/blog/2016/04/cors.html 最后得出自己的代码,内含一些知识点的注释，想了解这些知识最好看阮一峰的讲解： 本地网页 <!DOC...
ajax跨域请求 html5,HTML5中使用postMessage实现Ajax跨域请求的方法
weixin_31211457的博客
08-05 1132
由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。常规的几种解决方法：(1) document.domain+iframe；(2) 动态创建script；(3) iframe+location.hash；(4) flash。这里不细说这几种方法，记录的是HTML5的window.postMessage。postMessage兼容IE8+、Fir...
部署在服务器上的服务ajax请求登录浏览器客户端服务跨域怎么解决
最新发布
08-23
在浏览器客户端使用 AJAX 请求登录时，跨域问题通常由浏览器的同源策略引起。为了解决这个问题，可以通过以下几种方式来实现： ### 1. 使用 CORS（跨域资源共享） CORS 是一种现代浏览器支持的跨域解决方案。服务器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值