Nuxt.js render 屬性

render 屬性

Nuxt.js允許您自定義渲染頁面的運行時選項

bundleRenderer

• 類型: Object

使用此選項可自定義vue SSR渲染器。spa模式會跳過此選項。

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

了解有關(guān)Vue SSR API參考的可用選項的更多信息。建議不要使用此選項，因為Nuxt.js已經(jīng)提供了最佳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

添加prefetch和preload，以加快初始頁面加載時間。

如果有許多頁面和路由，您可能只想禁用此選項。

ssr

• 類型: boolean默認: true on universal 模式 或 false on spa 模式

開啟 SSR rendering

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

static

• 類型: Object默認: {}

查看 serve-static 文檔來了解更多配置。

dist

• 類型: Object默認: { maxAge: '1y', index: false }

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

查看 serve-static 文檔來了解更多配置。

csp

使用此配置來加載Content-Security-Policy外部資源

• 類型: Boolean 或 Object默認: false

例如 (nuxt.config.js)

export default {
  render: {
    csp: true
  }
}

// 或

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