Deploying React App to Apache Server

Question

I have a finished react app that works well on my localhost with npm start. I created the project with create-react-app and used the npm run build to compile a production website.

I have the whole folder with the index.html on my webspace. (They use an apache html server).

I managed to write an .htaccessfile that loads the html correctly. Now there is only a white screen. It seems like the main.js is not being loaded into the root div.

The only error I get in the console is that the service-worker could not be installed as my request comes not from a secure origin. This should not stop the rendering right?

I am not sure what files would be necessary to show here so please do let me know what you need to see to hopefully fix the problem.

Thank you!

Ashish · Accepted Answer · 2019-03-14 09:21:44Z

5

After Running npm run build command.

Copy and paste everything in build folder to your server.

Create a “.htaccess” file and add this snippet :

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

The application should work correctly.

edited Mar 14, 2019 at 9:21

Ashish

2,07819 silver badges19 bronze badges

answered Sep 27, 2017 at 16:39

Abhishek Singh

1,6711 gold badge17 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Timbo Over a year ago

I have done all that. It does not work I get on the site but there is nothing redered

sheunglaili · Accepted Answer · 2018-11-22 02:52:31Z

1

maybe its because you have ProxyPass in your conf file. you need to specific the homepage of your application.

{ "name": "application-name", "version": "1.0.0", "description": "", "homepage": "https://www.yourdomain.com/appliaction-context-path", }

answered Nov 22, 2018 at 2:52

sheunglaili

3182 silver badges8 bronze badges

Collectives™ on Stack Overflow

Deploying React App to Apache Server

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related