React JS Throwing 500 Internal Server Error On Live Server  | React Router Error in Live Server

React JS Throwing 500 Internal Server Error On Live Server | React Router Error in Live Server

When we upload our react website on the live server, we face an internal server error is reacting. This is a common .htaccess problem; so to resolve this problem, there are some steps which are following:


Step 1 : 
Create .htaccess file in react js root folder where index.html or serviceworker.js file exist
 

Step 2 :
 Paste the following code in the .htaccess file :

RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]


Step 3 : Save the .htaccess file and enjoy your working application
 
Categories: web designing react
Written By : Web Development Institute
Trending Courses

CodeIgniter

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Advance Digital Marketing Expert Course

Regular : 6 Months

Fastrack : 3 Months

Crash : 2 Months

React JS

Regular : 45 Days

Fastrack : 25 Days

Crash : 15 Days

Laravel

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Front End Developer

Regular : 6 Months

Fastrack : 4 Months

Crash : 2 Months

Web Expert with Python

Regular : 12 Months

Fastrack : 6 Months

Crash : 3 Months

Related Blogs

Request For Demo