Как задать абсолютный путь в react.js?

Пользователь

от yasmine , в категории: JavaScript , 7 месяцев назад

Как задать абсолютный путь в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от laney_johnson , 6 месяцев назад

@yasmine 

В React.js для задания абсолютного пути можно использовать переменную process.env.PUBLIC_URL, которая ссылается на корневую директорию проекта.


Например, если вы хотите задать абсолютный путь к изображению logo.png, который находится в папке public/images, то вы можете использовать следующий код:

1
<img src={process.env.PUBLIC_URL + '/images/logo.png'} alt="Logo" />


Обратите внимание, что вы должны добавить префикс / перед именем файла, чтобы путь был абсолютным.


Это работает потому, что в проекте React.js приложения файлы, размещенные в папке public, доступны по адресу http://<адрес вашего приложения>/<имя файла>. Переменная process.env.PUBLIC_URL ссылается на корневую директорию проекта, поэтому добавление ее к пути к файлу позволяет создать абсолютный путь.