next/image不从外部URL加载图像

0yg35tkg 于 2023-06-22 发布在其他

关注(0)|答案(2)|浏览(146)

我想从cdn获取镜像，但next报告错误主机名****没有在你的next.config.js镜像下配置。根据next官网，我在next.config.js中添加了以下配置，但不起作用。

// next.config.js
module.exports = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'assets.example.com',
        port: '',
        pathname: '/**',
      },
    ],
  },
}

下一个版本是12.3.1。我应该怎么做才能正确地获得图像？

next.js

来源：https://stackoverflow.com/questions/76513310/next-image-does-not-load-images-from-external-url

2条答案

按热度按时间

sdnqo3pr1#

如果你只打算使用域的每一条路径，你不需要remotePatterns。
相反，您可以使用domains：

// next.config.js
module.exports = {
    images: {
        domains: ["assets.example.com"]
    }
}

此外，事实上，你的代码片段是不工作的我似乎是因为你修改了你的next.config.js文件，但还没有重新启动服务器，如果不是，在每次更改配置文件后，你必须停止服务器，并重新启动它与npm run dev查看更改

赞(0）回复(0）举报 2023-06-22

xoefb8l82#

这个问题已经解决了，因为我在后面的代码中将图像的域设置为[]

赞(0）回复(0）举报 2023-06-22

我来回答

next/image不从外部URL加载图像

2条答案

相关问题

热门标签

最新问答