我正在使用JavaScript从https://picsum.photos加载随机图片,但是它没有起作用。请注意,现在我不想使用next.js中的新图像优化功能。本地图片可以正常工作,但外部图片无法工作。以下是我的代码和我的next.config.js文件:
<Slider
{...settingsThumbs}
asNavFor={nav1}
ref={slider => setSlider2(slider)}
>
{slidesData.map(slide => (
<div className='slick-slide' key={slide.id}>
<img
className='slick-slide-image'
src={`https://picsum.photos/800/400?img=${slide.id}`}
alt='sfd'
/>
</div>
))}
</Slider>
以下是我的Next.js配置
module.exports = {
images: {
domains: ['https://picsum.photos/']
}
};