HTTP Error 404.3 Not found

Question

I am going through this tutorial. I have this setup as an MVC4 project. This is the first project I made using Vs 2013.

I am on the step when I collect the json from phones.json. I get the error.

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 call to the json file

$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 the project's web.config:

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