Reactjs 图像未显示在“下一步”中并作出反应?

Reactjs 图像未显示在“下一步”中并作出反应?,reactjs,next.js,server-side-rendering,nextjs-image,Reactjs,Next.js,Server Side Rendering,Nextjs Image,我有从API获取的数据,我想用Next和React显示一个图像,但我看不到图像出现在屏幕上,而只是显示图像的alt。我正在使用next/image而不是HTML img 这是来自API181fc194-ca2c-4f11-8442-4d52c094491f.jpg的图像 我添加这个来修复路径,但仍然显示图像的alt const image=`/${course.imageUrl}` <Image src={image} alt="Pict

我有从API获取的数据,我想用Next和React显示一个图像,但我看不到图像出现在屏幕上,而只是显示图像的alt。我正在使用next/image而不是HTML img

这是来自API
181fc194-ca2c-4f11-8442-4d52c094491f.jpg的图像

我添加这个来修复路径,但仍然显示图像的alt
const image=`/${course.imageUrl}`

 <Image
          src={image}
          alt="Picture of the author"
          width={500}
          height={500}
        />


你知道我应该怎么做才能解决这个问题吗?

你有没有尝试过使用HTML元素
来检查图像是否被提取?还有,你能通过浏览器中的
[你的应用程序URL]/181fc194-ca2c-4f11-8442-4d52c09491f.jpg
单独显示图像吗?我尝试了HTML img,并给出了相同的结果,我应该在图片之前添加我的应用程序URL吗?就像你所做的那样?它来自这个api,我只是获取图片URL并尝试显示它