Laden von dynamischen Bildern von einer öffentlichen Website auf einem privaten Server

Question

Ich versuche, Bilder von einem privaten Server zu laden, auf den ich Zugriff habe. Beim Laden vom privaten Server wirft es Fehler, obwohl es funktioniert, wenn ich versucht habe, einen lokalen Ordner zu verwenden.

Mein Code-Schnipsel ist unten:

import React, { Component } from 'react'; 

export default class DefaultImages extends Component { 

render(){ 
    return(<div className="row"> 
       <div > <h2>Car Gallery</h2></div> 
        <div className="slide fdi-Carousel"> 
        <div className="onebyone-carosel"> 
        {this.list(this.props.ImagesDataJson)} 
        </div> 
         </div>     
</div> 

);} 

list(data) { 
return data.map((data, index) => { 

    return (<div className="item active"> 
    <div className="col-md-6"> 
    {data.photo_url.map(function(data, index){ 
     return <img key={index} src={require("http://abc1234566667777777.com/2001/51648/1/10/Thumbnails/339673.Jpeg")} 
className="img-responsive center-block"/> })} 
     </div> 
     </div> 
    ) 
    }) } } 

Answer 1

das Bild laden können Sie einfach die URL angeben, wie unten

<img key={index} src={"http://example.com/2001/51648/1/10/Thumbnails/339673.Jpeg"} className="img-responsive center-block"/> 

Hier ist ein funktionierendes Beispiel https://codesandbox.io/s/8831xy600j