Как вернуть изображение клиенту с помощью фреймворка Nest.js?

Question

Я создаю приложение, в настоящее время сталкиваюсь с проблемой, я хочу вернуть изображения, которые хранятся на моем сервере. Я хочу вернуть изображение в клиент React, тогда оно будет отображаться в моем компоненте. Но я не могу понять, как вернуть само изображение. Насколько я понимаю, мне нужно вернуть изображение как JSON? Но не могу понять, как это сделать в фреймворке Nest.js.

Answer 1

Сначала у вас должен быть сервис для обслуживания статических файлов. Вы можете достичь этого с Nest.JS. Например, если ваши изображения помещены в общую папку, расположенную в корне вашего проекта, вы можете просто отправить его, добавив следующую строку в файл main.ts:

import { join } from 'path';
async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.use('/public', express.static(join(__dirname, '..', 'public'))); // <-
  await app.listen(3000);
}

Затем дляНапример, у вас есть cat.png в общей папке, и вы хотите отправить это в своем ответе, вы можете отправить что-то вроде этого:

{
   image: `${baseUrl}/public/cat.png`
}

Например, для вашего локального сервера, baseURL будетhttp://localhost:3000. Вы можете взглянуть на эту статью для более подробных объяснений.