Webpack dev server – Cors issue

I was trying out a React Redux app that reached out to open weather map api

 http://samples.openweathermap.org/data/2.5/forecast?q=Chicago,us&appid=...

to query for an extended forecast. This was using the webpack-dev-server (port 8080 on localhost). Upon call, I was getting the following error:

After some reviewing/searching, I came across this solution.

1. 1. Download Fiddler (if you don’t already have it)
   2. Go to Customize Rules
   3. Either install the ScriptEditor (if it asks you) or just open in notepad.
   4. Go to the following section and add this line

 // put this in your OnBeforeResponse()
 oSession.oResponse.headers.Add("Access-Control-Allow-Origin", "*");

5. Make sure you startup Fiddler and keep it running (minimize it) during your development.

The error should be gone.  This will fix the same issue on Chrome.

Hope this helps someone else as this particular problem can be time consuming to track down.