Search code examples
reactjsazureazure-web-app-service

Cannot GET index.html Azure Linux Web App

We created a Linux Web App in Microsoft Azure. The application is static written with React (html and Javascript). We copied the code into the wwwroot folder, but the application only showing only hostingstart.html and when we try to get page index.html we have this error: Cannot GET /index.html

We tried with a sample of Azure in GitHub (https://github.com/Azure-Samples/html-docs-hello-world) but the error is the same. The url is this: https://consoleadmin.azurewebsites.net/index.html

Last week the application was running correctly.

We forget to do something?

Solution

  • Ok you are gonna love this. This happened to me today also. Same exact thing. I am pretty sure the azure team flipped a switch somewhere and we fell through a crack.

    I found this obscure answer with no votes and it did the trick (with a little extra finagling)

    BONUS! this also fixed my router issues I was having only on the deployed site (not local):

    Credit: @stormwild: Default documents not serving on node web app hosted on Azure

    From @stormwild's post see here: https://blogs.msdn.microsoft.com/waws/2017/09/08/things-you-should-know-web-apps-and-linux/#NodeHome

    Steps:

    1. Go to your azure portal, select your app service and launch ssh
    2. List item
    3. In ssh terminal, navigate via command line to /home/site/wwwroot

    4. create index.js there with the following code:

      var express = require('express');

var server = express();

var options = {

index: 'index.html'

};

server.use('/', express.static('/home/site/wwwroot', options));

server.listen(process.env.PORT);

    5. NOTE: Be sure to run npm install --save express also in this folder else your app service will crash on startup

    6. Be sure to restart your app service if it doesn't do so automagically