![clock](themes/indigo/img/timeicon.gif)
July 10, 2024 08:24 by
Peter
I'm using Windows 10 Enterprise Edition in my instance. Now launch the browser and enter http://localhost/ as the URL.
![](/image.axd?picture=2024%2f7%2fLocalhost1.jpg)
A page not found error will appear when you press Enter.
I'm going to look for the IIS manager now.
![](http://iis75europeanhosting.hostforlife.eu/image.axd?picture=2014%2f12%2fHostForLIFE.eu.gif)
Not located!
Slide the Control Panel open.
![](/image.axd?picture=2024%2f7%2fControl+Panel2.jpg)
Click Programs.
![](/image.axd?picture=2024%2f7%2fPrograms3.jpg)
Under Programs and Features, click Turn Windows features on or off.
![](/image.axd?picture=2024%2f7%2fprogram+and+features.jpg)
A new popup will appear.
![](/image.axd?picture=2024%2f7%2fpopup.jpg)
Just check the Internet Information Services and its related features. Under Internet Information Services check the following folders.
- FTP Server
- Web Management Tools
- World Wide Web services
- Application development features
- Common HTTP Feature
- Health and Diagnostics
- Performance Feature
- Security
Then click OK to complete the installation of new features.
![](/image.axd?picture=2024%2f7%2fApplying6.jpg)
Click Restart now to apply changes to complete the IIS feature installation.
![](/image.axd?picture=2024%2f7%2fRestart+now7.jpg)
After a successful restart.
Now you can see the IIS webserver option on the All Programs menu.
Open the browser.
Now type URL http://localhost.
![](/image.axd?picture=2024%2f7%2fOpen+the+browser.jpg)
Internet Information Services (IIS) successfully configured.
Summary
In this article, we learned about Configure IIS In the Windows 10 Operating System.
![clock](themes/indigo/img/timeicon.gif)
January 17, 2024 07:01 by
Peter
Have you ever seen a blank screen or 404 error when trying to reload a page in a React Router-powered application? This happens when there are no defined routes in the application's routing setup that match the URL path.
![](http://iis75europeanhosting.hostforlife.eu/image.axd?picture=2014%2f12%2fHostForLIFE.eu.gif)
Note: I've been having trouble with this and have since figured out a solution, so this is only for Windows server hosting.
This is happening as a result of the Single Page Application (SPA) that your website is built on React. Your application, index.html, loads automatically when you access the website through the root directory. and hence you never truly leave the index.html page even when you navigate to other pages.
Make sure the URL Rewrite module is enabled in your server setup. You can change or rewrite the URLs with this module.
- Go to Control Panel -> Programs -> Programs and Features.
- Click on "Turn Windows features on or off" on the left sidebar.
- Scroll down and locate "Internet Information Services," expand it, and then select "World Wide Web Services" -> "Common HTTP Features" -> "URL Rewrite."
- Click "OK" and let the feature be installed.
Once the URL Rewrite module is enabled, open your project's web.config file (located in the root directory of your application).
<system.webserver>
<rewrite>
<rules>
<rule name="React Router" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webserver>
Note: Before using the aforementioned technique, make sure your React application is developed and deployed correctly on the Windows server.