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是指响应的数据可以缓存的有效时间，单位是秒。