【问题标题】:How can I configure my Nuxt (version 2.13.2) app to use Express?如何配置我的 Nuxt(版本 2.13.2)应用程序以使用 Express?
【发布时间】:2020-10-23 07:28:51
【问题描述】:

我已经在 Nuxt 版本 2.12.x 上使用 ExpressJS 设置了几个 Nuxt 应用程序,但在 npx create-nuxt-app 的配置设置中不再存在该选项。

之前,create-nuxt-app 创建了一个文件server/index.js,如下所示:

const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()

// Import and Set Nuxt.js options
const config = require('../nuxt.config.js')
config.dev = process.env.NODE_ENV !== 'production'

async function start() {
  // Init Nuxt.js
  const nuxt = new Nuxt(config)

  const { host, port } = nuxt.options.server

  await nuxt.ready()
  // Build only in dev mode
  if (config.dev) {
    const builder = new Builder(nuxt)
    await builder.build()
  }

  // Give nuxt middleware to express
  app.use(nuxt.render)

  // Listen the server
  app.listen(port, host)
  consola.ready({
    message: `Server listening on http://${host}:${port}`,
    badge: true
  })
}
start()

但是,将 create-nuxt-app 与 Nuxt 版本 2.13.2 一起使用不再创建此 server/index.js 文件。我已经尝试创建一个server/index.js 文件和server.js,并且都没有更改nuxt 命令的默认行为。

除了降级到 2.12 之外,我如何配置我的 nuxt 应用以使用 Express?

【问题讨论】:

  • 您确实需要更改此文件,默认情况下,Nuxt 将安装您需要的任何东西。在 create-nuxt-app 上,脚本会询问您要安装哪些模块。您必须选择 Express,它将自动集成

标签: express vue.js nuxt.js create-nuxt-app


【解决方案1】:

请通过以下链接:

https://nuxtjs.org/api/configuration-servermiddleware/

你只需要在nuxt.config.js文件中定义名为serverMiddleware的参数,这个参数的值就是你的server/index.js文件的路径。

【讨论】:

  • 如何将 websocket 添加到此? serverMiddleware 将暴露 api 端点,我需要执行 http.createServer(app) 才能使用 websockets
猜你喜欢
  • 2019-02-15
  • 1970-01-01
  • 2019-07-18
  • 2018-03-15
  • 2020-04-13
  • 1970-01-01
  • 1970-01-01
  • 2015-12-26
  • 1970-01-01
相关资源
最近更新 更多