Vue.js nuxt如何生成动态路由

正如nuxt的医生所说：

“生成”命令（纱线生成）将忽略动态管线。 Nuxt不知道这些路由是什么，因此无法生成 他们

他们有一个为动态路由创建静态html文件的解决方案：

我的问题是: 假设我们在生成nuxt时有50个用户，nuxt为每个用户创建50个静态html。 但用户数量并不是恒定的。 e、 一小时后，我们有55个用户。 那么，nuxt如何处理这个问题呢？ 或者说清楚：

---

它是否由nuxt处理？

不，它将不由nuxt处理。生成模式将在命令运行时创建所有静态文件一次

对于动态用户列表，您有以下解决方案：

• 使用

  numxt generate

  +在每个事件上触发新

  numxt generate

  的外部钩子。
  例如，每小时或每次用户创建时使用cron选项卡自动运行generate命令
• 使用“spa”模式

  nuxt build&&nuxt start--spa

  
  您可以将其作为generate托管在任何静态web提供程序上，但是 将失去搜索引擎优化的优势
• 使用“ssr”模式

  nuxt build&&nuxt start--spa

  
  您将保持SEO优势，但您必须找到一个服务器提供商在Node.js实例上托管您的SSR应用程序

---

否，Nuxt将不处理此问题。生成模式将在命令运行时创建所有静态文件一次

对于动态用户列表，您有以下解决方案：

• 使用

  numxt generate

  +在每个事件上触发新

  numxt generate

  的外部钩子。
  例如，每小时或每次用户创建时使用cron选项卡自动运行generate命令
• 使用“spa”模式

  nuxt build&&nuxt start--spa

  
  您可以将其作为generate托管在任何静态web提供程序上，但是 将失去搜索引擎优化的优势
• 使用“ssr”模式

  nuxt build&&nuxt start--spa

  
  您将保持SEO优势，但您必须找到一个服务器提供商在Node.js实例上托管您的SSR应用程序

我不知道该怎么做，但如果您在文件前面加下划线Nuxt，则会根据该文件生成动态路由。如果您有

/users/_id.vue

numxt将为该路径中的每个“用户”创建路由。所以你会有像

/users/

这样的URL，我不知道怎么做，但是如果你在一个文件前面加下划线Nuxt，就会根据这个文件生成一个动态路由。如果您有

/users/_id.vue

numxt将为该路径中的每个“用户”创建路由。因此，您将拥有类似于

/users/

generate: {
    routes () {
      return axios.get('https://my-api/users')
        .then((res) => {
          return res.data.map((user) => {
            return {
              route: '/users/' + user.id,
              payload: user
            }
          })
        })
    }
}