공용 웹 사이트의 동적 이미지를 개인 서버에로드

Question

액세스 할 수있는 개인 서버에서 이미지를로드하려고합니다. 개인 서버에서로드 할 때 오류가 발생하지만 로컬 폴더를 사용하려고하면 제대로 작동합니다.

내 코드는 다음과 같습니다 :

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

그냥 여기

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

아래로 URL을 지정할 수 있습니다 이 https://codesandbox.io/s/8831xy600j