ie兼容模式下跨域访问问题的解决

先来说一下，什么是跨域访问，

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：

http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）

http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）

http://abc.123.com/index.html 调用 http://def.123.com/server.php （子域名不同:abc/def，跨域）

http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php （端口不同:8080/8081，跨域）

http://www.123.com/index.html 调用 https://www.123.com/server.php （协议不同:http/https，跨域）

请注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域。

在我所遇到的问题中，我的两个应用都部署在一台服务器上，但是端口不一样，因此，造成了跨域访问。其中的一个上传功能，因为跨域访问的原因，触发了ie的安全策略，导致js爆拒绝访问。经过测试，在谷歌，火狐，以及ie11上不存在这个问题，只有在ie兼容模式下，也会报错。经过查询，经过如下设置，成功解决了问题：

HttpServletResponse response = (HttpServletResponse) res;

response.setHeader("Access-Control-Allow-Origin", "<请求方域名如:http://www.sohu.com>"); response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Headers", "x-requested-with, Content-Type"); response.setHeader("Access-Control-Allow-Credentials", "true");

其中Access-Control-Max-Age是指响应的数据可以缓存的有效时间，单位是秒。

ie兼容模式下跨域访问问题的解决相关推荐

浏览器兼容模式下网页无法访问
浏览器兼容模式下网页无法访问解决方案: 打开360浏览器" 打开菜单,点击"工具",找到"Internet属性"并点击点击"高级&quo ...
vue 项目、vue-admin-ement项目在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
问题由于对element ui模板的一些配置文件进行删除,配置的js只留下vue.config.js剩余的都进行清除, 导致在IE以及360兼容模式下界面为空白思路控制台报的是SCRIPT100 ...
360浏览器 ajax取缓存,Angularjs在360兼容模式下取数据缓存问题的解决办法
测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据.首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具.好在经过反复重 ...
Java后端带参跨域访问_java后端解决请求跨域
跨域跨域:指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制. 例如:a页面想获取b页面资源,如果a.b页面的协议.域名.端口.子域名不同 ...
[Vue.js]跨域访问四种解决方法
2019独角兽企业重金招聘Python工程师标准>>> 报错: has been blocked by CORS policy: Response to preflight requ ...
vue如何通过Nginx代理做到跨域访问API接口解决404报错
最近和vue对接接口发现总是访问不到 404 发现原因是 vue 使用代理访问接口的时候前面加了一层例如访问 api/index/index 实际是 api/api/index/index 找到 ...
[Unity WWW] 跨域访问解决方法
什么是跨域访问域(Domain)是Windows网络中独立运行的单位,域之间相互访问则需要建立信任关系(即Trust Relation).信任关系是连接在域与域之间的桥梁.当一个域与其他域建立了信任 ...
uni-app vue axios跨域访问问题
uni-app vue axios跨域访问问题为了解决这个axios跨域访问报错问题,查了很多资料,最终还是解决了,特此在这里记录下方法. main.js import axios from 'st ...
IIS反向代理设置IIS跨域访问
概念说明浏览器的同源策略限制了对某些资源的跨域访问,其目的是保障用户数据安全,但同时也阻止了部分合理的跨域请求.为了绕过同源策略的限制,人们提出了多种跨域访问方案. 解决步骤打开IIS,选中当前站 ...

ie兼容模式下跨域访问问题的解决

ie兼容模式下跨域访问问题的解决相关推荐

最新文章

热门文章