首页 > 代码库 > JavaScript跨域访问CORS问题

JavaScript跨域访问CORS问题

在尝试从一个web前端使用HTTP Request请求访问REST服务端时,遇到错误: XMLHttpRequest cannot load http://localhost:8080/ping. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://localhost:63342‘ is therefore not allowed access.

这个错误是因为Ajax跨域访问另外一个domain的服务导致的,一般来说可以使用JSONP来处理这个问题,即传一个回调函数到服务器端,再由服务器端将回调函数包装在JSON对象的外边返回给客户端。但是JSONP只对GET请求生效,对POST、PUT、DELETE都不生效,而由于JSON本身具有一定的不安全性(见此链接),很多客户端都使用POST来获取JSON响应。所以现在很多都是使用CORS(详情见wiki链接),其实是现实很简单的,只需要在你的服务端响应头上加入一个header,("Access-Control-Allow-Origin","http://domain")就可以解决,目前大多数浏览器,包括移动端的都支持该标准。



JavaScript跨域访问CORS问题