Strapi Admin Just Keeps Loading

System Information
  • Strapi Version: 3.4.6
  • Operating System: CentOS 7
  • Database: mysql
  • Node Version: 14.17.5
  • NPM Version: 6.14.14
  • Yarn Version:

I am having issues accessing the strapi admin page from my server. It runs perfectly fine from my local machine though.

I have modified the server.js file with the below configurations

module.exports = ({ env }) => ({
  host: env('HOST', '0.0.0.0'),
  url: '/api',
  port: env.int('PORT', 1337),
  admin: {
     url: '/administrator',
    auth: {
      secret: env('ADMIN_JWT_SECRET', '6b2a92b35a142611e197'),
    },
  }
});

I have mapped the URI’s in NGINX Correctly and I am able to access the application APIs.

This issue is with Strapi Admin. As per my NGINX Configurations when I access the root I can see this page.
Now when I click on the link all I can see is the page trying to render

This is my NGINX Location Blocks

    location / {
            alias /var/www/project/ui/build/;
            index  index.html index.htm;
            try_files $uri /index.html;
    }


    location /api/admin/init {
            proxy_pass http://localhost:1337/;
    }

    location /api/administrator {
            alias /var/www/project/apis/build/;
            index  index.html index.htm;
            #try_files $uri /index.html;
    }

        location /api/ {
            proxy_pass http://localhost:1337/;
    }

These really need to be absolute URLs not relative, we have sample configs in our documentation on Nginx: