Website is not loading in proxy passing.

Hello,

I have a React website at “domain.com,” which is hosted on an AWS nginx server. The website frontend was developed using React, and the backend was developed using Python and Django. I also have a WordPress blog website that is hosted on a different AWS nginx Ubuntu server with an IP of http://11.222.333.444/. The WordPress Website is created using Newspaper theme.

I need to load the WordPress website fully from the URL “domain.com/blog” (like as a sub-directory). Is it possible? I think it is possible by creating a directory called “blog” on the domain.com server, but we can’t create that due to some security issues. So we need to work the domain.com on a server, and domain.com/blog should load a WordPress website from a different server. I tried to customize the Nginx configuration by adding

location /blog {…//code//…}

This loads the WordPress website on the domain.com/blog/ URL, but not fully. It shows only the homepage and all the links on the WordPress website are still on the IP. There are some CORS and HTTPS issues, too. How can we run both websites without any issues, as I mentioned? Is there any option to do that?

Please let me know if there is any solution.

Thanks in advance.