使用代码和框将前端（反应）连接到后端（节点）

Question

I am using react, graphql and node. Currently, my react codes are on codesandbox, whilst my server codes are on my local computer. How do i link up my frontend with my backend in this case? Do i need to deploy my server codes onto heroku or digital ocean before i can link them? I like to be able to test them first before deploying my codes

I am also thinking of migrating my backend codes to codesandbox. In this case, am i still able to link my frontend and backend codes in order to test them out before deploying to the hosting provider servers?

Thanks

Answer 1

If I have understood the question correctly;

If you are attempting to connect to codesandbox which by the looks of it is a hosted code editor for front end solutions, you would need to run your nodejs server on a PC connected to the internet.

Within your router admin settings you would need to open the ports that your nodejs server is running on for that particular local address assigned to the PC.

{your_ip_address}:{your_port}/api-route

When you need to make a call to you nodejs server.

Answer 2

Charlie is correct. I actually build my react frontend on codesandbox and connected to my node graphql backend on codesandbox too. Both must be running for that to work. Must enable cors too for both to connect. As im using apollo server 2, can pass a cors: true to the apollo server constructor.