我试图从服务器获取图像，但我总是遇到这个错误，下一个js无法读取URL，所以它可以显示页面内的图像，我尝试了许多解决方案在next.config.js文件，但它不工作这里是我做的解决方案，但它不工作

images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'localhost',
        port: '1337',
        pathname: 'localhost:1337/',
      },
    ],
  },

这是浏览器中的错误：
错误：next/image上的源属性（http：//localhost：1337/images/aa.png）无效，您的next.config.js中的映像下未配置主机名“localhost”查看更多信息：https://nextjs.org/docs/messages/next-image-unconfigured-host
下面是我在next js page.js中的代码：

<Image src={(process.env.SERVER + cat.img).replaceAll(/\\/g, "/")} width={"200"} height={"200"}/>

env服务器只是localhost的url：1337/在next.config.js文件中，我如何从我的服务器渲染图像并将其显示在屏幕上？