Apollo don't serve assets with nginx

[MagzhanUnited]

Here's what I see when I open my site through domain:

It's when I open the site through IP address:

My Nuxt config:
// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ devServer: { host: '0.0.0.0', port: 2001 }, typescript: false, app: { baseURL: '/admin', head: { title: 'PrimeVue Apollo Nuxt', link: [ { rel: 'stylesheet', href: '/layout/styles/theme/theme-light/indigo/theme.css', id: 'theme-link' }, { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ] } }, modules: ['nuxt-primevue'], primevue: { options: { ripple: true } }, hooks: { 'pages:extend'(pages) { pages.push({ name: 'e-commerce', path: '/', file: '@/pages/dashboards/index.vue', meta: { breadcrumb: ['E-Commerce Dashboard'] } }); pages.push({ name: 'banking', path: '/dashboard-banking', file: '@/pages/dashboards/Banking.vue', meta: { breadcrumb: ['Banking Dashboard'] } }); pages.push({ name: 'chat', path: '/apps/chat/', file: '@/pages/apps/chat/Index.vue' }); pages.push({ name: 'mail', path: '/apps/mail/', file: '@/pages/apps/mail/Index.vue', children: [ { path: '/apps/mail/inbox', name: 'mail-inbox', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/compose', name: 'mail-compose', file: '@/pages/apps/mail/ComposeNew.vue' }, { path: '/apps/mail/detail/:id', name: 'mail-detail', file: '@/pages/apps/mail/Detail.vue' }, { path: '/apps/mail/starred', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/spam', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/important', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/sent', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/archived', file: '@/pages/apps/mail/MailTypes.vue' }, { path: '/apps/mail/trash', file: '@/pages/apps/mail/MailTypes.vue' } ] }); pages.push({ name: 'tasklist', path: '/apps/tasklist', file: '@/pages/apps/tasklist/Index.vue' }); pages.push({ name: 'freeblocks', path: '/blocks', name: 'blocks', meta: { breadcrumb: ['Prime Blocks', 'Free Blocks'] }, file: '@/pages/utilities/Blocks.vue' }); pages.push({ name: 'landing', path: '/landing', file: '@/pages/pages/Landing.vue' }); pages.push({ name: 'error', path: '/auth/error', file: '@/pages/pages/auth/Error.vue' }); pages.push({ name: 'forgotpassword', path: '/auth/forgotpassword', file: '@/pages/pages/auth/ForgotPassword.vue' }); pages.push({ name: 'lockscreen', path: '/auth/lockscreen', file: '@/pages/pages/auth/LockScreen.vue' }); pages.push({ name: 'login', path: '/auth/login', file: '@/pages/pages/auth/Login.vue' }); pages.push({ name: 'newpassword', path: '/auth/newpassword', file: '@/pages/pages/auth/NewPassword.vue' }); pages.push({ name: 'register', path: '/auth/register', file: '@/pages/pages/auth/Register.vue' }); pages.push({ name: 'verification', path: '/auth/verification', file: '@/pages/pages/auth/Verification.vue' }); pages.push({ name: 'accessDenied', path: '/auth/access', file: '@/pages/pages/auth/Access.vue' }); pages.push({ name: 'productoverview', path: '/ecommerce/product-overview', file: '@/pages/e-commerce/ProductOverview.vue' }); pages.push({ name: 'checkoutform', path: '/ecommerce/checkout-form', file: '@/pages/e-commerce/CheckoutForm.vue' }); pages.push({ name: 'newproduct', path: '/ecommerce/new-product', file: '@/pages/e-commerce/NewProduct.vue' }); pages.push({ name: 'orderhistory', path: '/ecommerce/order-history', file: '@/pages/e-commerce/OrderHistory.vue' }); pages.push({ name: 'ordersummary', path: '/ecommerce/order-summary', file: '@/pages/e-commerce/OrderSummary.vue' }); pages.push({ name: 'productlist', path: '/ecommerce/product-list', file: '@/pages/e-commerce/ProductList.vue' }); pages.push({ name: 'shoppingcart', path: '/ecommerce/shopping-cart', file: '@/pages/e-commerce/ShoppingCart.vue' }); pages.push({ name: 'userlist', path: '/profile/list', file: '@/pages/user-management/UserList.vue', meta: { breadcrumb: ['User Management', 'List'] } }); pages.push({ name: 'user-create', path: '/profile/create', file: '@/pages/user-management/UserCreate.vue', meta: { breadcrumb: ['User Management', 'Create'] } }); pages.push({ name: 'documentation', path: '/documentation', file: '@/pages/utilities/Documentation.vue' }); pages.push({ name: 'formlayout', path: '/uikit/formlayout/', file: '@/pages/uikit/FormLayout.vue', meta: { breadcrumb: ['UI Kit', 'Form Layout'] } }); pages.push({ name: 'floatlabel', path: '/uikit/floatlabel/', file: '@/pages/uikit/FloatLabel.vue', meta: { breadcrumb: ['UI Kit', 'Float Label'] } }); pages.push({ name: 'Button', path: '/uikit/button/', file: '@/pages/uikit/Button.vue', meta: { breadcrumb: ['UI Kit', 'Button'] } }); pages.push({ name: 'table', path: '/uikit/table/', file: '@/pages/uikit/Table.vue', meta: { breadcrumb: ['UI Kit', 'Table'] } }); pages.push({ name: 'list', path: '/uikit/list/', file: '@/pages/uikit/List.vue', meta: { breadcrumb: ['UI Kit', 'List'] } }); pages.push({ name: 'tree', path: '/uikit/tree/', file: '@/pages/uikit/Tree.vue', meta: { breadcrumb: ['UI Kit', 'Tree'] } }); pages.push({ name: 'panel', path: '/uikit/panel/', file: '@/pages/uikit/Panel.vue', meta: { breadcrumb: ['UI Kit', 'Panel'] } }); pages.push({ name: 'panel', path: '/uikit/panel/', file: '@/pages/uikit/Panel.vue', meta: { breadcrumb: ['UI Kit', 'Panel'] } }); pages.push({ name: 'overlay', path: '/uikit/overlay/', file: '@/pages/uikit/Overlay.vue', meta: { breadcrumb: ['UI Kit', 'Overlay'] } }); pages.push({ name: 'media', path: '/uikit/media/', file: '@/pages/uikit/Media.vue', meta: { breadcrumb: ['UI Kit', 'Media'] } }); pages.push({ name: 'message', path: '/uikit/message/', file: '@/pages/uikit/Message.vue', meta: { breadcrumb: ['UI Kit', 'Message'] } }); pages.push({ name: 'file', path: '/uikit/file/', file: '@/pages/uikit/File.vue', meta: { breadcrumb: ['UI Kit', 'File'] } }); pages.push({ name: 'misc', path: '/uikit/misc/', file: '@/pages/uikit/Misc.vue', meta: { breadcrumb: ['UI Kit', 'Misc'] } }); pages.push({ name: 'invalidstate', path: '/uikit/invalidstate/', file: '@/pages/uikit/InvalidState.vue', meta: { breadcrumb: ['UI Kit', 'Invalid State'] } }); pages.push({ name: 'input', path: '/uikit/input/', file: '@/pages/uikit/Input.vue', meta: { breadcrumb: ['UI Kit', 'Input'] } }); pages.push({ name: 'charts', path: '/uikit/charts/', file: '@/pages/uikit/Chart.vue', meta: { breadcrumb: ['UI Kit', 'Charts'] } }); pages.push({ name: 'menu', path: '/uikit/menu/', file: '@/pages/uikit/Menu.vue', meta: { breadcrumb: ['UI Kit', 'Menu'] }, children: [ { name: 'personal-demo', path: '/uikit/menu/', file: '@/pages/uikit/menu/PersonalDemo.vue' }, { name: 'seat-demo', path: '/uikit/menu/seat', file: '@/pages/uikit/menu/SeatDemo.vue' }, { name: 'payment-demo', path: '/uikit/menu/payment', file: '@/pages/uikit/menu/PaymentDemo.vue' }, { name: 'confirmation-demo', path: '/uikit/menu/confirmation', file: '@/pages/uikit/menu/ConfirmationDemo.vue' } ] }); pages.push({ name: 'starred', path: '/apps/mail/starred', file: '@/pages/apps/mail/MailTypes.vue' }); pages.push({ name: 'spam', path: '/apps/mail/spam', file: '@/pages/apps/mail/MailTypes.vue' }); pages.push({ name: 'important', path: '/apps/mail/important', file: '@/pages/apps/mail/MailTypes.vue' }); pages.push({ name: 'sent', path: '/apps/mail/sent', file: '@/pages/apps/mail/MailTypes.vue' }); pages.push({ name: 'archived', path: '/apps/mail/archived', file: '@/pages/apps/mail/MailTypes.vue' }); pages.push({ name: 'trash', path: '/apps/mail/trash', file: '@/pages/apps/mail/MailTypes.vue' }); } }, alias: { quill: process.dev ? 'quill/dist/quill.js' : 'quill' }, css: ['@/assets/styles.scss', 'primeicons/primeicons.css'] });

My nginx config:
location /admin/ { proxy_pass http://10.255.184.3:2001; error_log /var/log/front_end_errors.log; } location /admin/_nuxt/ { proxy_pass http://10.255.184.3:2001; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; }

[cagataycivici]

It may be a nginx issue which I'm afraid is outside of the support scope.