我们可以将 SPA 概念与 Nuxt.js 中的动态嵌套路由相结合吗?



在我的Nuxt.js应用程序中,我必须使用动态嵌套路由。这意味着我最终会生成各种 HTML 文件。问题是我必须准确地将我的整个应用程序嵌入到现有网站的特定页面上。一开始我以为只需要一页,但最后我以多页结束。

  1. 如何在这些约束下嵌入我的文件?有什么方法吗?
  2. 是否可以将SPA概念与动态嵌套路由相结合?

这些概念并不相互排斥,您只需要将nuxt.conf.js模式设置为"spa",就可以保留其他所有内容。

根据官方文件:

因此,对于 SPA 部署,必须执行以下操作:

  • 将 nuxt.config.js 中的模式更改为 spa。
  • 运行 npm 运行生成。
  • 将创建的dist/文件夹部署到您的静态主机,如Surge,GitHub页面 或 nginx。

无需任何进一步配置,则应设置为部署应用。

另请注意:

nuxt Generate 在构建/生成期间仍然需要 SSR 引擎,同时具有预先渲染所有页面的优势,并且具有较高的 SEO 和页面加载分数。内容在生成时生成。例如,我们不能将其用于内容依赖于用户身份验证或实时 API 的应用程序(至少在第一次加载时(。

这意味着您需要在安装了 ssr 工具的环境中生成页面。

也是下一个帕拉图

我确认我们结合了SPA和动态嵌套路由。
所有要做的是nuxt.config.js文件中声明动态路由并设置:mode: 'spa'

最新更新