生成财产

  • 类型:目的

将通用Web应用程序的生成配置为静态Web应用程序。

在呼唤时nuxt.generate(),nuxt.js将使用中定义的配置产生财产。

nuxt.config.js.
出口默认{产生{......}}

缓存

介绍在V2.14.0中

  • 类型:目的错误的

该选项由nuxt生成静态目标如果没有更改跟踪文件,则避免重新构建。

默认值:

{忽略['.nuxt'/ / buildDir'静止的'// dir.static.'dist'/ / generate.dir'node_modules''。** / *''。*'“README.md”]}

如果希望在更改配置文件时避免重新构建,只需通过提供cache.ignore选择:

nuxt.config.js.
出口默认{产生{缓存{忽略[“renovate.json”]//忽略应用于此文件的更改}}}

并发

  • 类型:数字
  • 默认:500.

路线的生成是并发,generate.concurrency指定在一个线程中运行的路由量。

爬行物

  • 类型:布尔
  • 默认值:真正的

从next >= v2.13开始,Nuxt.js会安装一个爬行器,它会抓取你的相对链接,并基于这些链接生成动态链接。如果您想禁用此特性,您可以将该值设置为错误的

出口默认{产生{爬行物错误的}}

谜语

  • 类型:细绳
  • 默认:'dist'

使用使用的Web应用程序时创建的目录名nuxt生成命令。

devtools.

  • 类型:布尔
  • 默认:错误的

配置是否允许vue-devtools检查。

如果您已通过Nuxt.config.js或否则,DevTools无论标志如何启用。

排除

  • 类型:数组
    • 项目:细绳regexp.

它接受一系列字符串或正则表达式,并将防止匹配它们的路由生成。距离仍然可以访问generate.fallback使用。

参加这个结构的例子:万博体育app彩票平台票

-|页面/ ---|index.vue---|行政/  -  - -|关于vue -----|index.vue

默认情况下,运行nuxt生成将为每个路由创建一个文件。

-|DIST / ---|index.html ---|行政/  -  - -|about.html——|index.html.

添加正则表达式匹配与“忽略”的所有路由匹配时,它将防止生成这些路由。

nuxt.config.js.
出口默认{产生{排除[/^\ /行政///路径以/ admin开头]}}
-|DIST / ---|index.html.

您还可以通过给出字符串来排除特定路由:

nuxt.config.js.
出口默认{产生{排除['/ my-secret-page']}}

回退

  • 类型:细绳布尔基
  • 默认:html 200.
nuxt.config.js.
出口默认{产生{回退html 404.的}}

对后退HTML文件的路径。它应该设置为错误页面,以便通过NUXT呈现未知路由。如果未命中或设置为伪造值,则返回HTML文件的名称将是html 200..如果设置为真正的,文件名将是404.html..如果将字符串提供为值,则会使用它。

nuxt.config.js.
回退:假;

如果使用静态生成的页面,那么建议使用404.html.错误页面和所涵盖的页面排除(您不希望生成的文件作为静态页面)。

nuxt.config.js.
回退真正的

但是,如果您不想使用html 200.404.html.您可以添加一个字符串,然后您只需确保重定向到该页面。这当然不是必需的,最好是重定向html 200./404.html.

nuxt.config.js.
回退“fallbackPage.html”

注意:多个服务(例如NetWify)检测404.html.自动。如果你自己配置你的web服务器,请参考它的文档来找到如何设置错误页面(并将其设置为404.html.文件)

间隔

  • 类型:数字
  • 默认:0.

两个渲染周期之间的间隔以毫秒为单位,以避免使用来自Web应用程序的呼叫的潜在API。

缩小

路线

  • 类型:数组

由于Nuxt v2.13安装了一个爬网程序,将抓取您的链接标签并在运行时生成路线nuxt生成

如果有未链接的页面(例如秘密页面)并且您也希望这些也可以生成,然后您可以使用生成.Routes.财产。

动态路线被忽略了产生使用时命令nuxt <= v2.12

例子:

-|页面/ ---|index.vue---|用户/ -----|_id.vue.

只有路线/将由nuxt.js生成。

如果您希望使用动态参数生成路由,则需要设置生成.Routes.属性到动态路由数组。

我们添加了路线/用户/:ID

nuxt.config.js.
出口默认{产生{路线[“/用户/ 1”/用户/ 2的'/用户/ 3']}}

然后我们发射nuxt生成

[nuxt.]生成.。[.。]nuxt:渲染渲染url / +154ms nuxt:渲染渲染url /users/1 +12ms nuxt:渲染渲染url /users/2 +33ms nuxt:渲染渲染url /users/3 +7ms nuxt:生成生成文件:/index.html +21ms nuxt:生成生成文件:/users/1/index.html +31ms nuxt:生成生成文件:/users/2/index.html +15ms nuxt:生成生成文件:/users/3/index.html +23ms nuxt:generate HTML Files generated . /7..6s + 6ms[nuxt.]产生完成

很棒,但如果我们有什么事动态参数

  1. 用一个函数它返回一个承诺
  2. 用一个函数与A.回调(呃,params)

返回承诺的功能

nuxt.config.js.
进口axios'Axios'出口默认{产生{路线{返回axios得到'https:// my-api /用户'然后res.=>{返回res.数据地图用户=>{返回'/用户/'+用户ID}}}}}

用回调的功能

nuxt.config.js.
进口axios'Axios'出口默认{产生{路线回调{axios得到'https:// my-api /用户'然后res.=>{const路线=res.数据地图用户=>{返回'/用户/'+用户ID}回调路线}抓住回调}}}

加速动态路线生成有效载荷

在上面的例子中,我们使用用户身份从服务器生成路由,但抛出其余的数据。通常,我们需要从/users/_id.vue..虽然我们可以这样做,但我们可能需要设置生成.Interval.到类似的One hundred.为了不让调用淹没服务器。因为这将增加生成脚本的运行时间,所以最好传递整个脚本用户对象到上下文_id.vue..我们通过修改上面的代码来这样做:

nuxt.config.js.
进口axios'Axios'出口默认{产生{路线{返回axios得到'https:// my-api /用户'然后res.=>{返回res.数据地图用户=>{返回{路线'/用户/'+用户ID有效载荷用户}}}}}}

现在我们可以访问有效载荷/users/_id.vue.喜欢:

异步Asyncdata.{参数错误有效载荷}{如果有效载荷返回{用户有效载荷}别的返回{用户等待后端fetchUser参数ID}}

子文件夹

  • 类型:布尔基
  • 默认:真正的

默认情况下,运行时nuxt生成,Nuxt.js将为每个路由创建一个目录并提供服务index.html.文件。

例子:

-|DIST / ---|index.html ---|关于——|index.html ---|产品/——|物品/  -  -  - -|index.html.

设置为false时,根据路径路径生成HTML文件:

nuxt.config.js.
出口默认{产生{子文件夹错误的}}
-|DIST / ---|index.html ---|约.html ---|产品/——|item.html.