Getting "404 Not Found" On Doing A GET On Local File In Azure Web App

I have deployed a simple node based web app in Azure. Following is the structure of my code: In my js code, when I do an xhr.get call to my json file (as shown below), it throws

Solution 1:

It's a common issue of Azure Website which be lack of the mimetype setting for static json file, please refer to the blog. You just need to add the configurate below into your web.config file under wwwroot.

<?xml version="1.0"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".json" mimeType="application/json" />
     </staticContent>
    </system.webServer>
</configuration>

Then it works via your browser.