I am running a frontend app using Vuejs and backend app with django. I am able to successfully serve both backend and frontend on the same ip using separate nginx server blocks i.e. each app is located at /etc/nginx/sites-available/frontend_app and /etc/nginx/sites-available/backend_app. Both apps are also enabled.

Visiting frontendapp.com and backendapp.com works fine however, whenever frontendapp.com tries to call the backendapp.com api, I get nginx/1.14.0 (Ubuntu) 404 Not Found error.

PS. The api call works on my localserver .i.e. calling http://127.0.0.1:000/api/path. On my production server, I change this (I think) to https://frontend.com/api/path

My questions are: is this a frontend error or nginx error? What am I doing wrong?