API render属性分析

发布时间：2023-04-17 12:02:46 所属栏目：教程来源：

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

类型: Object

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

export default {
render: {
bundleRenderer: {
directives: {

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

类型: Object

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

export default {
render: {
bundleRenderer: {
directives: {
custom1 (el, dir) {
// something ...
}
}
}
}
}
了解有关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

添加prefetch和preload，以加快初始页面加载时间。

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

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外部资源

类型: Boolean 或 Object

默认: false

例如 (nuxt.config.js)

export default {
render: {
csp: true
}
}

// 或

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

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!