将远程和本地图像与 next/image 一起使用

Question

我正在尝试使用 next/image 加载本地图像以及远程图像。我在 public/assets/images 中有我的本地图像，在 AWS S3 中有远程图像。我想在上传图像之前使用占位符图像（来自本地），然后在上传后将其替换为远程图像。

我在 domains 中添加了 next.config.js：

const withPlugins = require('next-compose-plugins')
const nextTranslate = require('next-translate')

const nextConfig = {
  ...
  images: {
    domains: ['xxx.amazonaws.com'],
  },
  ...
}
module.exports = withPlugins([nextTranslate], nextConfig)

但是，它仍然使用 localhost 代理并返回 The requested resource isn't a valid image.

我尝试在配置中添加 path 和 loader 以及 domains，但随后它从给定的路径加载了所有图像，无论是远程的还是本地的。

我可以使用 img 标签，但我希望使用 next/image 进行图像优化。可能吗？