Creating an index.html in Your ASP.NET Core MVC Application to Fix Website Shortcuts on Devices
While working on an ASP.NET Core MVC PWA application, I noticed that if users created a shortcut to the application in their home screens on their devices, an
/index.html was added to the application URL.
So if your application URL looks like this:
Then if users create a shortcut to your application on their devices and add it to the home screen, it will look like this:
The latter URL will then either return a blank page, or return a
404 Not found error.
It’s possible to fix this problem by redirecting from
/index.html to the actual index of the application. In your ASP.NET Core MVC application, create an empty index.html file and add it to the root folder:
To ensure that the application will use this file, go to
Startup.cs and add the following method call:
Before calling the following method:
/index.html to the actual, default application home index:
And that solves the problem, now users will be able to access your application from their home screen shortcuts.