Enable CORS in your App using nginx

Nginx as Reverse Proxy (and web server) for the webdev :)

Using Nginx in reverse proxy mode

In my case, I'm going to use nginx as the light red box handling all the request to the backend deployed somewhere.

Configuration files for nginx

1. mime.types
2. nginx.conf

OSX install

1. brew install nginx
2. Use the config files provided and place them into /usr/local/etc/nginx/
3. Change the line 76 and 83 with your environment settings
4. sudo nginx for a quick test

Windows install

1. Download nginx stable
2. Use the config files provided and place them inside the uncompressed version of nginx
3. Change the line 76 and 83 with your environment settings
4. Create the follwing directories inside the uncompressed version of nginx:
   1. spool
   2. run
   3. logs
5. Add the nginx directory to c:/
6. Open cmd /D
7. Go to nginx root (c:\nginx)
8. Run nginx.exe

Notes for Windows User

• Do not add nginx into the PATH env variable. Always execute it from the nginx root directory.

     cd c:\nginx
     nginx.exe
  

• If you use Console2, you don't need to put /D to use nginx.

References

1. An approach for handling multiple configurations
2. Nginx cookbook - reverse proxy chapter