Я пытаюсь отобразить изображение в веб-приложении с этим URL: http://chittagongit.com/images/health-icon/health-icon-10.jpg
<div onClick={props.info.itemClicked}>
<div className={classes.ImageContainer}>
<img src={imageURI} alt={props.info.keyword} className={classes.Image} />
</div>
</div>
При регистрации URL-адреса изображения оно отображается правильно, но после попытки загрузки происходит сбой с 404, и в сообщении об ошибке отображается следующий URL-адрес:
GET http://chittagongit.com/image.php?pic=/images/copy-right-icon/copy-right-icon-16.jpg 404 (не найдено)
GET http://chittagongit.com/image.php?pic=/images/copy-right-icon/copy-right-icon-16.jpg 404 (Not Found)
Image (async)
setValueForProperty @ react-dom.development.js:3135
setInitialDOMProperties @ react-dom.development.js:7749
setInitialProperties @ react-dom.development.js:7931
finalizeInitialChildren @ react-dom.development.js:9000
completeWork @ react-dom.development.js:16272
completeUnitOfWork @ react-dom.development.js:18573
performUnitOfWork @ react-dom.development.js:18780
workLoop @ react-dom.development.js:18791
renderRoot @ react-dom.development.js:18876
performWorkOnRoot @ react-dom.development.js:19812
performWork @ react-dom.development.js:19722
performSyncWork @ react-dom.development.js:19696
requestWork @ react-dom.development.js:19551
scheduleWork @ react-dom.development.js:19358
enqueueSetState @ react-dom.development.js:12789
push../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:354
(anonymous) @ Provider.js:53
dispatch @ redux.js:214
e @ VM1643:1
(anonymous) @ index.js:11
dispatch @ redux.js:613
(anonymous) @ projectListActions.js:22
Promise.then (async)
fetchList @ projectListActions.js:19
(anonymous) @ projectListActions.js:12
(anonymous) @ index.js:8
dispatch @ VM1643:1
fetchProjectTrendList @ ProjectListBuilder.js:67
componentDidMount @ ProjectListBuilder.js:26
commitLifeCycles @ react-dom.development.js:16722
commitAllLifeCycles @ react-dom.development.js:18160
callCallback @ react-dom.development.js:147
invokeGuardedCallbackDev @ react-dom.development.js:196
invokeGuardedCallback @ react-dom.development.js:250
commitRoot @ react-dom.development.js:18365
completeRoot @ react-dom.development.js:19894
performWorkOnRoot @ react-dom.development.js:19817
performWork @ react-dom.development.js:19722
performSyncWork @ react-dom.development.js:19696
requestWork @ react-dom.development.js:19551
scheduleWork @ react-dom.development.js:19358
enqueueSetState @ react-dom.development.js:12789
push../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:354
(anonymous) @ asyncComponent.js:12
Promise.then (async)
componentDidMount @ asyncComponent.js:10
commitLifeCycles @ react-dom.development.js:16722
commitAllLifeCycles @ react-dom.development.js:18160
callCallback @ react-dom.development.js:147
invokeGuardedCallbackDev @ react-dom.development.js:196
invokeGuardedCallback @ react-dom.development.js:250
commitRoot @ react-dom.development.js:18365
completeRoot @ react-dom.development.js:19894
performWorkOnRoot @ react-dom.development.js:19817
performWork @ react-dom.development.js:19722
performSyncWork @ react-dom.development.js:19696
interactiveUpdates$1 @ react-dom.development.js:19984
interactiveUpdates @ react-dom.development.js:2267
dispatchInteractiveEvent @ react-dom.development.js:5081
Ошибка отображается только для всех изображений из этого конкретного домена (источника). Если я пытаюсь получить изображения из других источников, он отображается правильно. Попытался использовать почтальон для проверки перенаправления URL. Но он отображается правильно без какого-либо промежуточного перенаправления. Если я попытаюсь отобразить изображение в виде обычного HTML, оно также будет отображаться правильно. Не уверен, что здесь проблема. Я также не нашел никаких вариантов (если таковые имеются), которые мне нужно включить или отключить.
Пожалуйста, помогите.