1、创建一个空的html文件test.html，引入jquery
2、调用ajax
5
258$.ajax({
url: 'http://XXXXXXXXXXXXXX',
type: 'post',
success: function() {
console.log('成功');
},
error: function() {
console.log('失败');
}
});3、url中给出的是项目的接口地址，直接访问是可以得到数据的
4、为何直接在浏览器打开test.html就会打印失败，并提示
XMLHttpRequest cannot load *******（接口地址）. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'file://' is therefore not allowed access.
5、这是跨域导致的错误吗？该如何解决？
补充：1、后端返回的数据格式是json
2、同事给的方案：在tomcat中配cors的filter，添加了相关jar包(cors-filter-2.5,java-property-utils-1.10)，不起作用
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
在windows系统中，新建chrome浏览器的快捷方式，右键-目标，加入 --disable-web-security --user-data-dir
在mac系统中，终端执行：open -a "Google Chrome" --args --disable-web-security --user-data-dir
跨域解决方法:
方法1:浏览器设置跨域
方法2:加代理
3:楼下补充
--
关于：
Access-Control-Allow-Origina.com/index.html跨域调用b.com/api。b.com/api需要在Response Header中设置Access-Control-Allow-Origin: a.com。意思是我b.com/api允许a.com下的网站跨域调用我的资源网站如果可以使用JSONP的话，可以跳过跨域问题，如果不支持，就请你的后端帮你解决吧。。
服务器端设置response的head
前端ajax配置
xhrFields:{withCredentials: true},
crossDomain:true,
此方法是通过CROS解决