Nuxt.js render 屬性

render 屬性

Nuxt.js允許您自定義渲染頁(yè)面的運(yùn)行時(shí)選項(xiàng)

bundleRenderer

• 類型: Object

使用此選項(xiàng)可自定義vue SSR渲染器。spa模式會(huì)跳過(guò)此選項(xiàng)。

export default {
  render: {
    bundleRenderer: {
      directives: {
        custom1 (el, dir) {
          // something ...
        }
      }
    }
  }
}

了解有關(guān)Vue SSR API參考的可用選項(xiàng)的更多信息。建議不要使用此選項(xiàng)，因?yàn)镹uxt.js已經(jīng)提供了最佳SSR默認(rèn)值，錯(cuò)誤配置可能導(dǎo)致SSR問題。

etag

• 類型: Object默認(rèn): { weak: true }

禁用設(shè)置頁(yè)面的etag etag: false

查看 etag 文檔來(lái)了解更多配置。

compressor

• 類型 Object默認(rèn): { threshold: 0 }

當(dāng)提供對(duì)象（或虛假值）時(shí)，將使用壓縮中間件（具有相應(yīng)選項(xiàng)）。

如果您想使用自己的壓縮中間件，可以直接引用它(例如： otherComp({ myOptions: 'example' }))。

fallback

• 類型 Object默認(rèn): { dist: {}, static: { skipUnknown: true } }

中間件配置選項(xiàng)serve-placeholder。

如果要禁用其中一個(gè)或兩者，則可以傳遞false。

http2

• 類型 Object默認(rèn): { push: false }

激活 HTTP2 push headers.

resourceHints

• 類型: boolean默認(rèn): true

添加prefetch和preload，以加快初始頁(yè)面加載時(shí)間。

如果有許多頁(yè)面和路由，您可能只想禁用此選項(xiàng)。

ssr

• 類型: boolean默認(rèn): true on universal 模式 或 false on spa 模式

開啟 SSR rendering

如果未提供，則根據(jù)mode值自動(dòng)設(shè)置此選項(xiàng)。這對(duì)于在映像構(gòu)建之后在運(yùn)行時(shí)動(dòng)態(tài)啟用/禁用SSR非常有用。（以docker為例）

static

• 類型: Object默認(rèn): {}

查看 serve-static 文檔來(lái)了解更多配置。

dist

• 類型: Object默認(rèn): { maxAge: '1y', index: false }

用于提供分發(fā)文件的選項(xiàng)。僅適用于生產(chǎn)環(huán)境(線上環(huán)境)。

查看 serve-static 文檔來(lái)了解更多配置。

csp

使用此配置來(lái)加載Content-Security-Policy外部資源

• 類型: Boolean 或 Object默認(rèn): false

例如 (nuxt.config.js)

export default {
  render: {
    csp: true
  }
}

// 或

export default {
  render: {
    csp: {
      hashAlgorithm: 'sha256',
      allowedSources: undefined,
      policies: undefined
    }
  }
}