如何将 rootUrl 设置为自动添加到 next.js 中的相对 url？

Question

我有以下几点：

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

这在本地工作得很好，但是一旦我构建并部署了我的 Next.js 项目，然后将一个新文件上传到我部署的应用程序而不重新构建，那么它就不起作用，除非我指定这样的绝对路径：

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

有没有办法告诉 Next.js 相对路径应该像绝对路径一样表现？

我目前的解决方法是将window.location.origin 添加到所有网址。

但这不适用于我的某些服务器渲染路径。我宁愿不这样做，也不必每次我或某人上传新图像时都重新构建。

Answer 1

通过将以下内容添加到 next.config.js 中找到了一个很好的解决方案：

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