React Js making API calls in production build

[pradeeshattlee]

Hi,
I am new to ReactJS I have created and processed React app in development mode allows for successful communication with my API by Proxying API Requests from package.json.

But when I create a production build for my React app and process it using serve -s build communication with my API is unsuccessful and fails while Proxying API Requests from package.json.

I have used AXIOS to make API calls

My question is, why isn't the API loading in production /build?

If proxying doesn't work in production build how should I make API calls?

When I try to give the full URL in the AXIOS CORS error occurs

Can someone point me in the right direction?

[Hoxtygen]

Here's an issue from 2016, can you go through it and see if this solves your problem.

[cravoley]

this and this might help as well.
You gotta build the proxy yourself or add CORS configuration to your API

[vladtabachuk]

i have similar problem, my backend server is using port 1234, and my frontend react app is using port 3000, with proxy in dev mode it works very well, but if i try to remove proxy from package.json and rename all fetch urls and add cors lib to my expreess app, i got problems with setting cookies from express-session to react app, when i send requests from react app, i get responses from server witch contains cookie inside but it is NOT sroring in chrome or any borwser storage -> cookies, is it necessary to store react build project inside server project? what if i want to keep it separate from each other?

[cravoley]

@vladtabachuk that's not really related. However, answering your last question first, you can keep it separated as long as they share the same domain.

About the cookies not showing up, there are a lot of possibilities
How are you creating the cookie? Is it http only? Did you set a domain to it?
How are you creating the request from the frontend to your API/express app? Are you using any library? If you are using, fetch you might wanna look at this

[vladtabachuk]

im dealing with cookies in my current project that im working on right now, i use node.js express + express session + cookie parser it allows me to generate cookie on server and send it to client with server's response ср, 2 июн. 2021 г. в 13:32, Valdo Raya ***@***.***>:

…

@vladtabachuk <https://github.com/vladtabachuk> that's not really related. However, answering your last question first, you can keep it separated as long as they share the same domain. About the cookies not showing up, there are a lot of possibilities How are you creating the cookie? Is it http only? Did you set a domain to it? How are you creating the request from the frontend to your API/express app? Are you using any library? If you are using, fetch you might wanna look at this <JakeChampion/fetch#199> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#10984 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AS6M4UB4XQUG3XWH6SQBXVDTQYCERANCNFSM45CT3NYA> .

[vladtabachuk]

im working on single page app social network and parse cookies in header of response and each time client send secure requests to server it's using middleware functions to check authentication information inside cookies and allow or reject acception of access to secured responses ср, 2 июн. 2021 г. в 15:03, Vladoso noname ***@***.***>:

…

im dealing with cookies in my current project that im working on right now, i use node.js express + express session + cookie parser it allows me to generate cookie on server and send it to client with server's response ср, 2 июн. 2021 г. в 13:32, Valdo Raya ***@***.***>: > @vladtabachuk <https://github.com/vladtabachuk> that's not really > related. However, answering your last question first, you can keep it > separated as long as they share the same domain. > > About the cookies not showing up, there are a lot of possibilities > How are you creating the cookie? Is it http only? Did you set a domain to > it? > How are you creating the request from the frontend to your API/express > app? Are you using any library? If you are using, fetch you might wanna > look at this <JakeChampion/fetch#199> > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub > <#10984 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AS6M4UB4XQUG3XWH6SQBXVDTQYCERANCNFSM45CT3NYA> > . >