Как получить доступ к изображениям из другого места для создания приложения реакции?

Question

Как получить доступ к изображениям из другого места на моем компьютере, кроме моего рабочего каталога, при использовании приложения «Создать React». Я не уверен, придется ли мне извлекать или нет, но главная проблема заключается в том, что я загрузил все изображения (тысячи), которые являются динамическими c на основе записи в папку publi c. Однако это постоянно перезагружает браузер. Я не знаю, как отключить модуль горячей перезагрузки. Не уверен, что это лучший вариант. Проблема в том, что тысячи изображений хранятся в папке publi c, из-за чего браузер снова и снова обновляет sh.

Answer 1

Изображения вне вашей директории stati c не будут напрямую доступны через HTTP-сервер. Вам нужно, чтобы сервер обрабатывал эти файлы для вас.

Я сделал это с помощью Node.JS FileSystem API, чтобы получить файл изображения. Затем я преобразую изображение в URI данных, используя модуль типа datauri , и использую API для отправки строки данных URI клиенту. Затем клиент может поместить URI данных изображения в тег IMG или CANVAS.

Для API, который я использовал, этот шаблон использовался с маршрутом Express, через Socket.IO и через запрос GraphQL с использованием * 1007. * apollo-server и apollo-реаги * .