Nuxt.js server 屬性

2022-03-03 16:02 更新

server 屬性

  • 類型: Object
Nuxt.js允許您為應(yīng)用程序內(nèi)部nuxt.config.js中定義服務(wù)器訪問主機(jī)和端口

Basic example (nuxt.config.js):

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

這允許您指定Nuxt.js服務(wù)器實(shí)例的主機(jī)和端口

使用 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
  • 默認(rèn): false

啟用server.timing選項(xiàng)會(huì)添加一個(gè)中間件來測量服務(wù)器端渲染過程中經(jīng)過的時(shí)間,并將其作為'Server-Timing'添加到標(biāo)頭中

使用時(shí)序配置的示例

server.timing可以是提供選項(xiàng)的對象。目前,支持total(直接跟蹤服務(wù)器端渲染所花費(fèi)的全部時(shí)間)

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

使用 timing api

當(dāng)啟用server.time時(shí),timing api也被注入服務(wù)器端的response。

Syntax

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

在 servermiddleware 中使用計(jì)時(shí)的示例

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

然后server-timing頭將包含在響應(yīng)頭中,如:

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

請參閱 Server-Timing MDN 來獲取更多詳細(xì)信息。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)