Как я могу установить rootUrl для автоматического добавления к относительным URL в следующем. js?

Question

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

<img src="/productimages/5db35735eb03d2.46088954.jpg" />

Это прекрасно работает локально, но как только я создаю и внедряю свой проект Next. js, затем загружаю новый файл в мое развернутое приложение без перекомпоновки, тогда он делает не сработает, если я не укажу абсолютный путь следующим образом:

<img src="http://mywebsite.com/productimages/5db35735eb03d2.46088954.jpg" />

Есть ли способ сообщить Next. js, что относительный путь должен вести себя так, как если бы он был абсолютным путем?

Мой текущий способ - добавить window.location.origin ко всем URL.

Но это не работает с некоторыми моими серверными путями. Я бы предпочел не делать этого, а также не нужно перестраивать каждый раз, когда я или кто-то загружаю новое изображение.

Answer 1

Нашли хорошее решение, добавив следующее в next.config. js:

env: {
        rootUrl: process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : 'https://mywebsite.com'
    }