Skip to content

Problem with ssr in nuxt project use antd #73

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Tr-anh99 opened this issue Apr 18, 2025 · 0 comments
Open

Problem with ssr in nuxt project use antd #73

Tr-anh99 opened this issue Apr 18, 2025 · 0 comments

Comments

@Tr-anh99
Copy link

Tr-anh99 commented Apr 18, 2025

Environment Details

Framework: Nuxt 3
Plugin: ant-design-vue-nuxt
Current Setup: The project includes tag wrapping the 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 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant