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

本文介绍了如何为“next/image"添加域到 next.config.js使用插件时的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是我目前的设置.

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

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

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

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

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

推荐答案

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

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;
    }
});

这篇关于如何为“next/image"添加域到 next.config.js使用插件时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！