Отладка конечных точек Api Nextjs с использованием VSCode

#javascript #debugging #next.js

Вопрос:

В настоящее время мне нужно вручную найти, какой файл(конечная точка api) Я должен установить точку останова в /api папке в VSCode.

У меня есть следующее launch.json :

 {
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to application",
      "skipFiles": ["<node_internals>/**"],
      "port": 9229
    }
  ]
}
 

Есть ли способ автоматически останавливать или устанавливать точку останова всякий раз, когда поступает входящий запрос на этот конкретный маршрут Api Nextjs?

Например, допустим, у меня есть /api/data.tsx :

 import { NextApiRequest, NextApiResponse } from 'next';
import { StatusCodes } from 'http-status-codes';
import getConfig from 'next/config';

export default async (req: NextApiRequest, res: NextApiResponse): Promise<void> => {
   console.log('do some logging');
   res.status(StatusCodes.OK).json({message: 'Good job buddy!'});
}

 

И хочу останавливаться console.log на каждом входящем запросе. Как я могу это сделать?

Комментарии:

1. Я бы рекомендовал прочитать до конца Next.js Документация по отладке .

2. @juliomalves сделал это перед тем, как спросить, никакой информации о том, о чем я спрашивал

3. Вы пробовали использовать launch.json то, что есть, запустить конфигурацию отладки на стороне сервера и установить точку останова на маршруте API?

4. да, я сделал это

5. Я не верю, что вы можете устанавливать точки останова при вызовах API NextJS. Документация, похоже, считает, что пользователи хотят просмотреть «скомпилированный код», когда они говорят Click inspect under your application to open a separate DevTools window, then go to the Sources tab , что это не кажется полезным для отладки кода на стороне сервера в определенных точках выполнения.