如何在域ip public中显示next/image

cyvaqqii  于 2022-12-26  发布在  其他
关注(0)|答案(1)|浏览(114)

你好,我有问题,以获得下一个/图像的源代码URL图像,我已经在next.config.js设置,但仍然错误。这里是我的代码
index.js

<Image src={'http://110.100.190.222:9790/images/'+item.article_image_path} alt="logo" width={300} height={100} />

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  optimizeFonts: true,
  images: {
    remotePatterns: [
      {
        protocol: 'http',
        hostname: '110.100.190.222:9790',
      },
    ],
    minimumCacheTTL: 1500000,
  },
}

module.exports = nextConfig

此处仍为错误x1c 0d1x
我试着使用这个主机https://freeimage.host/i/HIV7RRI工作顺利,但与域一样,仍然错误。该域ip公共不是我真实的的域ip公共。

vltsax25

vltsax251#

我找到了办法,

const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
  optimizeFonts: true,
  images: {
    remotePatterns: [
      {
        protocol: 'http',
        hostname: '**',
      },
    ],
    minimumCacheTTL: 1500000,
  },
}

module.exports = nextConfig

相关问题