Почему Vite.createServer не дожидается асинхронного кода?

Question

[Дмитрий]

Задача реализовать нативный dev server для SSR.

Слушатель события не дожидается разрешения асинхронного кода и выводит Cannot GET / со статусом 404.
Если удалить асинхронный код и отправить просто строку, то все работает.
vite.config стандартный. Подключен только плагин для Vue

Bun v1.1.12
Vite v5.2.12

import { createServer } from 'vite'

const host = process.env.HOST || 'localhost'
const port = Number(process.env.PORT || 3000)

function asyncData(data, ms = 1000) {
  return new Promise(resolve => setTimeout(() => resolve(data), ms))
}

const server = await createServer({ appType: 'custom' })
await server.listen(port)


server.httpServer?.on('request', async (req, res) => {
  res.end(await asyncData('test'))
})

Comments

[Kentavr16]

Никогда не использовал. Но.
есть подозрение что правильный синтаксис будет выглядеть так:

const data = await asyncData("test");
res.end(data)

Хотя также есть навязчивое подозрение что res.end для логичного завершения запроса здесь должно быть заменено на что-то вроде res.send

[Дмитрий]

Kentavr16, мой синтаксис тоже допустим.
res.send это из express. В нативном Node для отправки тела есть только end()

Answer 1

[Дмитрий]

Решение:
В Vite v5 обработчик запросов должен создаваться как плагин в конфиге

// vite.config

function asyncData(data, ms = 1000) {
  return new Promise(resolve => setTimeout(() => resolve(data), ms))
}

export default {
  plugins: [
    {
        name: 'custom-middleware',
        configureServer(server) {
          server.middlewares.use(async (req, res, next) => {            
            if (req.url === '/') {
              res.statusCode = 200
              res.setHeader('Content-Type', 'text/plain')
              return res.end(await asyncData('asdad'))
            }
            return next()
          })
        }
      }
  ]
}

Запускаться сервер должен командой vite dev

Answer 2

[historydev]

const host = process.env.HOST || 'localhost'
const port = Number(process.env.PORT || 3000)

function sendAsync(data, res, ms = 1000) {
  return setTimeout(() => res.end(data), ms);
}

const server = await createServer({ appType: 'custom' })
await server.listen(port)


server.httpServer?.on('request', async (req, res) => {
  sendAsync('test', res);
});

Answer 3

[Дмитрий Беляев]

У vite внутри есть собственный обработчик события request, который отвечает раньше Вашего.

Скорее всего Вам поможет вот это:
https://vitejs.dev/config/server-options.html#serv...

Comments

[Дмитрий]

В моем случае это не подойдет. С помощью нейросети нашел решение. Пока тестирую, попозже отпишусь