No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

在使用 Ionic 进行开发时,如果使用 Ionic serve 进行本地测试,你可能会发现服务端没有返回任何数据,并且浏览器的 console中有错误提示: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

 

XMLHttpRequest cannot load http://wp.dev/api/get_recent_posts/?page=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

 

在你折腾完百度(如果你还用百度的话)、又折腾谷歌,来到了这个页面,这个页面会告诉你:很可能是浏览器核心的默认安全策略的问题,其它的不敢说,在命令行中给 Chrome 加上个参数,让它运行,就可以从服务端返回数据了:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security

Access-Control-Allow-Origin