API: The render Property

render 属性

Nuxt.js允许您自定义渲染页面的运行时选项

bundleRenderer

  • 类型: Object

使用此选项可自定义vue SSR渲染器。spa模式会跳过此选项。

  1. export default {
  2. render: {
  3. bundleRenderer: {
  4. directives: {
  5. custom1 (el, dir) {
  6. // something ...
  7. }
  8. }
  9. }
  10. }
  11. }

了解有关Vue SSR API参考的可用选项的更多信息。建议不要使用此选项,因为Nuxt.js已经提供了最佳SSR默认值,错误配置可能导致SSR问题。

etag

  • 类型: Object
    • 默认: { weak: true }

禁用设置页面的etag etag: false

查看 etag 文档来了解更多配置。

compressor

  • 类型 Object
    • 默认: { threshold: 0 }

当提供对象(或虚假值)时,将使用压缩中间件(具有相应选项)。

如果您想使用自己的压缩中间件,可以直接引用它(例如: otherComp({ myOptions: 'example' }))。

fallback

  • 类型 Object
    • 默认: { dist: {}, static: { skipUnknown: true } }

中间件配置选项serve-placeholder

如果要禁用其中一个或两者,则可以传递false

http2

  • 类型 Object
    • 默认: { push: false }

激活 HTTP2 push headers.

resourceHints

  • 类型: boolean
    • 默认: true

添加prefetchpreload,以加快初始页面加载时间。

如果有许多页面和路由,您可能只想禁用此选项。

ssr

  • 类型: boolean
    • 默认: true on universal 模式 或 false on spa 模式

开启 SSR rendering

如果未提供,则根据mode值自动设置此选项。这对于在映像构建之后在运行时动态启用/禁用SSR非常有用。(以docker为例)

static

  • 类型: Object
    • 默认: {}

查看 serve-static 文档来了解更多配置。

dist

  • 类型: Object
    • 默认: { maxAge: '1y', index: false }

用于提供分发文件的选项。仅适用于生产环境(线上环境)。

查看 serve-static 文档来了解更多配置。

csp

使用此配置来加载Content-Security-Policy外部资源

  • 类型: BooleanObject
    • 默认: false

例如 (nuxt.config.js)

  1. export default {
  2. render: {
  3. csp: true
  4. }
  5. }
  6. // 或
  7. export default {
  8. render: {
  9. csp: {
  10. hashAlgorithm: 'sha256',
  11. allowedSources: undefined,
  12. policies: undefined
  13. }
  14. }
  15. }