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是否有问题?
感谢您的帮助!
由于拥有Laravel API,因此您不需要服务器端渲染。我建议您改用Vue.js,当您应用lazy loading时,可以使用该问题的解决方案非常简单。