NUXTJS

Essential

Pages

Components

Utils

Configuration

Programmatically

Internals

Want to take a look at our new docs? Our new docs are now in beta. Have fun!

API: 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 来获取更多详细信息。

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us