ant-design-vue-nuxt icon indicating copy to clipboard operation
ant-design-vue-nuxt copied to clipboard

Problem with ssr in nuxt project use antd

Open Tr-anh99 opened this issue 7 months ago • 3 comments

Environment Details

Framework: Nuxt 3 Plugin: ant-design-vue-nuxt Current Setup: The project includes tag wrapping the <NuxtPage /> component in app.vue, which is causing routing issues File Structure: Using Ant Design Vue layout components (a-layout, a-layout-sider, a-layout-header, a-layout-content, a-layout-footer)

Technical Analysis

The Nuxt router is not recognizing pages properly because the <NuxtPage /> component is wrapped in tags in app.vue The application structure appears to be using Ant Design Vue layout components, but there's a conflict with Nuxt's routing system Authentication API calls are failing with connection refused errors, suggesting either incorrect API URLs or server connectivity issues

Attempted Solutions I've attempted to fix the routing issue by:

Creating a proper layout structure for Ant Design Vue Moving the layout components to a dedicated layouts directory Setting up proper page components in the pages directory

I use setup in https://github.com/antdv-community/antdv-nuxt-starter

Image

Image

Image

Tr-anh99 avatar Apr 18 '25 09:04 Tr-anh99

+1

vatanak10 avatar Sep 11 '25 05:09 vatanak10

project seems abondoned :( hope someone gets it in hands and add proper support for V4 and ssr.

arshx86 avatar Sep 22 '25 20:09 arshx86

I just change to nuxt ui, primie vue or shadnc ui. Its support better for nuxt project

Tr-anh99 avatar Oct 19 '25 13:10 Tr-anh99