HTTP Error 404.3 Not Found

Question

I go through this tutorial. I have this setup as an MVC4 project. This is the first project I have done using Vs 2013.

I am in step when I compile json from phones.json. I get an error message.

HTTP Error 404.3 -Not found The page you are requesting cannot be served because of extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map. 

Also here is my json file call

 $http.get('Data/Phones/phones.json').success(function (data) { $scope.phones = data; }) 

and here is an image of my folder structure

Answer 1

Add this to your web.config project:

 <system.webServer> <staticContent> <mimeMap fileExtension=".json" mimeType="application/json" /> </staticContent> </system.webServer>