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

Question

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

1. 在这些限制下，如何嵌入文件？有办法吗？
2. 是否可以将SPA概念与动态嵌套路由结合起来？

Answer 1

这些概念不是互相排斥的，您只需要将nuxt.conf.js模式设置为'spa'，就可以将其他所有内容保留在原处。

根据官方documentation：

  

因此，对于SPA部署，您必须执行以下操作：

     

  
• 将nuxt.config.js中的模式更改为spa。
  
• 运行npm运行构建。
  
• 将创建的dist /文件夹部署到Surge，GitHub Pages等静态主机   或nginx。
  

没有任何进一步的配置，您应该设置为部署应用。

还请注意：

  在构建/生成期间，

nuxt generate仍需要SSR引擎，同时具有预渲染我们所有页面的优势，并具有较高的SEO和页面负载得分。内容在构建时生成。例如，我们不能将其用于内容取决于用户身份验证或实时API的应用程序中（至少对于首次加载而言）。

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

下一个段落

Answer 2

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