#javascript #reactjs #next.js
#javascript #reactjs #next.js
Вопрос:
Как мне загрузить изображение из общей папки в динамический маршрут в NextJS?
В документах я ничего об этом не видел… Указано, что мы можем добавлять содержимое из общедоступного файла — например <img src="/Content/image.jpg" alt="some alt" />
. Тем не менее, если я нахожусь на динамической маршрутизируемой странице, например /pages/post/[id].js
, решение, представленное в документах Next, не работает, ничего не загружается.
Как это решается, рекомендации и т. Д.?
Ответ №1:
Все ресурсы, находящиеся в public
папке, будут доступны, как и любой ресурс в Интернете.
Вероятно, это вопрос пути, если вы обслуживаете свое приложение example.com
, и у ваших изображений есть /Content/image.jpg
(обратите внимание на первую косую черту, это указывает браузеру запускаться с корня) в этом случае абсолютный путь относится к домену, а не к пути, по которому обслуживается страницав.
Это означает, что динамические маршруты не влияют на путь к изображениям.
Просто убедитесь, что в вашей public
папке есть Content
(убедитесь, что папка начинается с заглавной C
буквы) папка.
Комментарии:
1. Это сработало через некоторое время, когда я перезапустил локальный сервер. Я, честно говоря, не знаю, почему возникла эта ошибка. В любом случае спасибо за ответ =)