如何从API管理一堆路由及其与Nuxt路由器模块的组件关联

问题描述 投票:1回答:1

Hello dear Nuxt / Vue / Node社区,

我在Nuxt.js应用程序上遇到了一些加载时间和内存泄漏的问题,这似乎是来自路由部分。

某些上下文:我正在建立一个明显需要SEO的电子商务网站。我使用Laravel作为后端,通过RESTful API来提供Nuxt.js SSR。

我的一个API端点“ / urls”提供了页面/产品/菜单/等的所有URL。在Nuxt.js部分的应用程序中,我将这些URL与router.js中的它们的相对组件相关联(我正在使用“ nuxt-community / router-module”)。

Nuxt.js部分不是处于静态模式,并且在生产中作为实时SSR应用程序(nuxt构建/启动)。

问题:

就是这样,我的第一页的加载时间非常慢(超过10秒),因为它从API加载了所有网址并将它们与它们的相对组件相关联(基于每个网址格式),另外,对于服务器来说,为应用程序的每个用户加载的第一页都已加载...

您能解释一下处理远程URL和Nuxt.js组件的最佳方法吗?也许有一些方法可以使用全局路由中间件来捕获请求并将url与运行中的正确组件相关联,或者有更好的方法可以做到这一点...

子问题:Nuxt.js在路由器上使用20.000个以上的URL是否有问题?

感谢您的帮助!

nuxt.js
1个回答
0
投票

由于拥有Laravel API,因此您不需要服务器端渲染。我建议您改用Vue.js,当您应用lazy loading时,可以使用该问题的解决方案非常简单。

© www.soinside.com 2019 - 2024. All rights reserved.