javascript - how to add domains to next.config.js for "nextimage" while using a plugin - Stack Overflow

admin管理员组

文章数量:1391934

This is my current setup.

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

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

I want to add this code to allow images from the domain localhost:3001.

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

This is my current setup.

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

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

I want to add this code to allow images from the domain localhost:3001.

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

• javascript
• next.js
• nextjs-image

Share Improve this question Follow edited Apr 14, 2021 at 23:25 juliomalves 50.6k2323 gold badges178178 silver badges169169 bronze badges asked Mar 31, 2021 at 23:59 OmarOmar 3,42133 gold badges2424 silver badges4141 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

You simply have to add the images object to the config object passed to withImages.

// next.config.js

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

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

I think you shoud set assetPrefix, read Options in the docs

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

本文标签： javascripthow to add domains to nextconfigjs for quotnextimagequot while using a pluginStack Overflow