Solve CORS Issues Easily with Nginx Reverse Proxy – No JSONP Needed

Cross‑origin requests can be handled with JSONP, but it requires modifying the server side code, which is cumbersome.

By configuring a reverse proxy on your own server with Nginx, you can easily achieve cross‑origin requests without changing the target server.

Idea

Example

Server A has a page that wants to request the API at Server B (http://www.b.com/api) and obtain JSON data.

Page code on Server A:

<script>
$(function (){
  $.get('/test.do', function (data){
    alert(data);
  });
});
</script>

Configure Nginx to proxy /test.do to the target API:

location /test.do {
  proxy_pass http://www.b.com/api;
}