如何在使用插件时为 "next/image" 添加域到 next.config.js

Question

这是我当前的设置。

// next.config.js
const withImages = require("next-images");

module.exports = withImages({
  webpack(config, options) {
    return config;
  },
});

我想添加此代码以允许来自域 localhost:3001 的图像。

images: {
  domains: ['localhost:3001'],
},

Answer 1

我认为你应该设置 assetPrefix，阅读 docs

中的选项

// next.config.js
const withImages = require('next-images')
module.exports = withImages({
  assetPrefix: 'https://example.com',
  dynamicAssetPrefix: true,
  webpack(config, options) {
    return config
  }
}

Answer 2

您只需将 images 对象添加到传递给 withImages 的配置对象。

// next.config.js

const withImages = require("next-images");

module.exports = withImages({
    images: {
        domains: ['localhost:3001']
    },
    webpack(config, options) {
        return config;
    }
});

如何在使用插件时为 "next/image" 添加域到 next.config.js

how to add domains to next.config.js for "next/image" while using a plugin

javascript

next.js

nextjs-image