图像未在反应中呈现

Question

我正在遍历 API 并收集产品名称和图像 url，然后通过 props 显示信息。循环工作正常，产品 ame 正在显示。但是，图像没有渲染。即使我复制并粘贴图像 url，它仍然不会呈现。当我从网络插入任何随机图像 url 时，它会显示。它只是来自这个 API 的图像。

这是我要显示的图片网址之一：images.asos-media.com/products/converse-chuck-taylor-all-star-ox-national-park-sneakers-in-green/200520115-1-green。当我把它直接放在我的 chrome 浏览器中时，图像会加载。如果有人可以让这个图像在反应中显示，请告诉我如何。或者，这是我的代码片段。提前致谢！

const Products = ({title, image}) => {
    return(
       <div>
            <h1>{title}</h1>
            <img src={image} alt="" />
        </div>              
    )
}

Answer 1

如果我使用完整的 url 就可以了：

session deleted because of page crash

如果这不能解决问题，请按 F12 并在控制台中检查错误消息。