Use express route to show React page

Question

So I'm trying to connect my React App to an express route - so far for my server, I have

const express = require('express');
const app = express();
const port = 5000;

app.use('/test', require('./client/src/App'));

app.listen(port, () => console.log(`Server started on port ${port}`));

I'd like to be able to go to localhost:5000/test and have my create-react-app (./client/src/App) show up.

I have my server running on 5000 and React running on 3000.

I realize React has its own routing, but I was wondering if it was possible this way.

Muhammad Zeeshan · Accepted Answer · 2020-01-28 13:00:37Z

4

This wouldn't work that way. Express.js is unaware of the thing like react. You need to handle routing of react application using react-router not this way.

Express.js is only responsible for creating endpoints that is in context of express not react.

answered Jan 28, 2020 at 13:00

Muhammad Zeeshan

4,7784 gold badges19 silver badges42 bronze badges

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

Comments

oktapodia · Accepted Answer · 2020-01-28 13:01:28Z

2

If you want to use an express route like that, you might only be able to do it with the react build instead of the react sources.

Otherwise, if you want the react development environment (Let's say running on localhost:3000), you should be able to use a reverse proxy on express or nginx.

answered Jan 28, 2020 at 13:01

oktapodia

1,7981 gold badge15 silver badges32 bronze badges

Comments

Ashish · Accepted Answer · 2020-01-28 13:17:55Z

2

Express is for server side app and react is for client side app, Both are different app, so you can't render the react page with express,The only way to do that is SSR (Server side rendering), without that is not possible.

answered Jan 28, 2020 at 13:17

Ashish

4102 silver badges12 bronze badges

Collectives™ on Stack Overflow

Use express route to show React page

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related