generate 配置

类型： Object

配置 Nuxt.js 应用的具体方式。

当运行 nuxt generate 命令或在编码中 nuxt.generate() 时，Nuxt.js 会使用 generate 的配置。

dir

类型： 'String'

认值： 'dist'

nuxt generate 的目录。

devtools

类型: boolean

认: false

配置是否允许  调试。

如果您已经通过 nuxt.con.js 或其他方式激活，则无论标志为 true 或者 false，devtools都会启用。

类型: String 或 Boolean

认: '200.html'

在将的部署到静态主机时，可以使用此。它将回退到模式：mode:'spa'。

interval

类型: Number

认: 0

两个渲染周期之间隔，以避免使用来自Web应用程序的API互相干扰。

minify

不推荐使用!

使用 build.html.minify 来替代。

routes

类型： Array

在 Nuxt.js 执行 generate 命令时，动态路由会被忽略。

例如：

-| pages/
---| index.vue
---| users/
-----| _id.vue

上面的目录结构，Nuxt.js 只会路由 / 对应的。（译者注：因为 /users/:id 是动态路由） 如果想让 Nuxt.js 为动态路由也，你需要指定动态路由参数的值，并配置到 routes 数组中去。

例如，我们可以在 nuxt.con.js 中为 /users/:id 路由配置如下：

module.exports = {
  generate: {
    routes: [
      '/users/1',
      '/users/2',
      '/users/3'
    ]
  }
}

当我们运行 nuxt generate 命令时：

[nuxt] Gene...
[...]
nuxt:render Rendering url / +154ms
nuxt:render Rendering url /users/1 +12ms
nuxt:render Rendering url /users/2 +33ms
nuxt:render Rendering url /users/3 +7ms
nuxt:generate Generate file: /index.html +21ms
nuxt:generate Generate file: /users/1/index.html +31ms
nuxt:generate Generate file: /users/2/index.html +15ms
nuxt:generate Generate file: /users/3/index.html +23ms
nuxt:generate HTML Files generated in 7.6s +6ms
[nuxt] Generate done

棒极了，但是如果路由动态参数的值是动态的而不是固定的，应该怎么做呢？

使用返回 Promise 对象类型 的 。

使用回调是 callback(err, params) 的 。

nuxt.con.js

const axios = require('axios')

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

nuxt.con.js

const axios = require('axios')

module.exports = {
  generate: {
    routes (callback) {
      axios.get('https://my-api/users')
        .then((res) => {
          const routes = res.data.map((user) => {
            return '/users/' + user.id
          })
          callback(null, routes)
        })
        .catch(callback)
    }
  }
}

在上面的示例中，我们使用来自服务器的user.id来路由，但抛弃其余的数据。通常，我们需要从/users/_id.vue中再次它。虽然我们可以这样做，但我们可能需要将generate.interval设置为100，以免通过来执行。因为这会脚本的运行时间，所以最好将整个对象传递给_id.vue中的context。我们通过将上面的为：

nuxt.con.js

import axios from 'axios'

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

现在我们可以从/users/_id.vue访问的payload，如下所示：

async asyncData ({ params, error, payload }) {
  if (payload) return { user: payload }
  else return { user: await backend.fetchUser(params.id) }
}

subFolders

类型: Boolean

认: true

认情况下，运行nuxt generate将为每个路由创建目录并index.html。

例如:

-| dist/
---| index.html
---| about/
-----| index.html
---| products/
-----| item/
-------| index.html

设置为false时，将根据路由路径HTML：

-| dist/
---| index.html
---| about.html
---| products/
-----| item.html

注意：使用或使用HTML回退的任何静态托管服务器，此选项可能很有用。

并发

类型: Number

认: 500

路由的是并发的，generate.concurrency指定在线程中运行的路由。