React build and backend Express.js

Question

I am developing an application using React and Express.js. I define static in React and build my back end using the code below, but when I make a get request, the following error is displayed in the client console. What can I do?

app.get("*", (req, res, next) => {
  res.sendFile(path.join(__dirname, "build", "../../build/index.html"));
});

// Backend API router

app.use("/api", router);

Client-side error message

Please review Why not upload images of code/errors when asking a question? (e.g., "Images should only be used to illustrate problems that can't be made clear in any other way, such as to provide screenshots of a user interface.") and do the right thing. Thanks in advance. — Peter Mortensen
– Peter Mortensen, Commented Sep 22, 2022 at 0:09

Peter Mortensen · Accepted Answer · 2022-09-22 00:10:40Z

2

You should consider deploying React code using nginx, and do a port forwarding within nginx to the backend APIs.

edited Sep 22, 2022 at 0:10

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Sep 20, 2022 at 13:02

Raj Dhanani

687 bronze badges

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

2 Comments

Atalay Özyıldırım Over a year ago

How can I do it, can you send me a documentation, please?

Raj Dhanani Over a year ago

gist.github.com/soheilhy/8b94347ff8336d971ad0

Collectives™ on Stack Overflow

React build and backend Express.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related