Categories: Nuxt.js 教程

Nuxt.js server 属性

server 属性

  • 类型: Object

Nuxt.js允许您为应用程序内部nuxt.config.js中定义服务器访问主机和端口

Basic example (nuxt.config.js):

export default {
  server: {
    port: 8000, // default: 3000
    host: 0.0.0.0 // default: localhost,
  }
}

这允许您指定Nuxt.js服务器实例的主机和端口

使用 HTTPS 配置的示例

import path from path
import fs from fs

export default {
  server: {
    https: {
      key: fs.readFileSync(path.resolve(__dirname, server.key)),
      cert: fs.readFileSync(path.resolve(__dirname, server.crt))
    }
  }
}

使用 sockets 配置的示例

export default {
  server: {
    socket: /tmp/nuxt.socket
  }
}

timing

  • 类型: Object or Boolean
  • 默认: false

启用server.timing选项会添加一个中间件来测量服务器端渲染过程中经过的时间,并将其作为Server-Timing添加到标头中

使用时序配置的示例

server.timing可以是提供选项的对象。目前,支持total(直接跟踪服务器端渲染所花费的全部时间)

export default {
  server: {
    timing: {
      total: true
    }
  }
}

使用 timing api

当启用server.time时,timing api也被注入服务器端的response。

Syntax

res.timing.start(name, description)
res.timing.end(name)

在 servermiddleware 中使用计时的示例

export default function (req, res, next) {
  res.timing.start(midd, Middleware timing description)
  // server side operation..
  // ...
  res.timing.end(midd)
  next()
}

然后server-timing头将包含在响应头中,如:

Server-Timing: midd;desc="Middleware timing description";dur=2.4

请参阅 Server-Timing MDN 来获取更多详细信息。

唐伯虎点蚊香

前端小白,想各位学习!

Share
Published by
唐伯虎点蚊香

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

11 小时 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago