javascript - プラグインの使用中に「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 を設定する必要があると思います。ドキュメントのオプションを読んでください。

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