next/image 具有 IP 域的未配置主机

Question

我使用 NextJS 构建了站点，图像托管在运行具有 IP 的其他开发服务器上。该文件 public 可通过图像路径访问： http://xxx.xx.xxx.xxx:8080/storage/user-profile/61d41e2b05de9_WhatsApp%20Image%202022-01-02%20at%2021.46.03.jpeg 但我收到以下错误： Error Message

我在 next.config.js 中添加了以下代码：

module.exports = {
  images: {
    domains: ["http://xxx.xx.xxx.xxx:8080"],
  },
};

甚至尝试过

module.exports = {
  images: {
    domains: ["http://xxx.xx.xxx.xxx:8080"],
  },
};

两者都return与上面截图中显示的相同的错误

非常感谢任何帮助

Answer 1

域不应包含 http:// 或 https:// 或包含的方案

您可以使用源图像的主机名url

module.exports = {
  images: {
    domains: ['cdn.yoursite.com'],
  },
}

next/image Un-configured Host with IP domain