Я работаю над проектомact.js, где мне нужно получить данные из rest api JIRA и отобразить их с помощью response.js.API работает нормально, когда я обращаюсь к нему напрямую из браузера, но когда я пытаюсь получить файл с помощьюact.js, он вызывает приведенную ниже ошибку.
Доступ к извлечению из 'API' из источника 'http://localhost:3000'был заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».Если непрозрачный ответ отвечает вашим потребностям, установите режим запроса «no-cors», чтобы получить ресурс с отключенным CORS.
Примечание:
Я пробовал режим: «no-cors»и даже установка npm cors lib, но они не решают проблему.
React.js code
import React, { Component } from 'react';
class App extends Component {
constructor(props)
{
super(props);
this.state = {
items: [],
isLoaded: false,
}
}
componentDidMount()
{
fetch('API which i cant display but works 100% fine . please ignore')
.then(res => res.json())
.then(json => {
this.setState({
isLoaded: true,
items: json,
})
})
.catch(e => { console.log("error: ",e) });
}
render()
{
var { isLoaded, items } = this.state;
console.log("Hello ", items);
if (!isLoaded)
{
return <div>Loading..</div>
}
else {
return (
<div className="App">
Id : item.id
<ul>
{items.map(item => (
<li key={item.id}>
Name: {item.name}
Email: {item.email}
</li>
))};
</ul>
</div>
);
}
}
}
export default App;