Я создал сервер на glitch.me и пытаюсь передать данные с сервера, но возникает следующая ошибка. localhost/:1 Доступ к выборке по адресу 'https://clem-quote-server.glitch.me/quotes' из источника 'http://локальный: 3000' заблокирован политикой CORS:
No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Не совсем уверен, как это решить
import React, {Component} from "react"
class quotes extends Component {
constructor(props) {
super(props);
this.state = {
error: null,
isLoaded: false,
quotes: quotes
};
}
componentDidMount() {
fetch("https://clem-quote-server.glitch.me/quotes")
.then(res => res.json())
.then(
(result) => {
this.setState({
isLoaded: true,
quotes: result.quotes
});
},
error => {
this.setState({
isLoaded: true,
error
});
}
);
}
render() {
const { error, isLoaded, quotes } = this.state;
if (error) {
return <div>Error: {error.message}</div>;
} else if (!isLoaded) {
return <div>Loading...</div>;
} else {
return (
<ul>
{quotes.map(quote => {
return quote;
}
)}
</ul>
);
}
}
}
export default quotes;
Я хочу иметь возможность отображать один объект из списка массива каждый раз, когда загружается страница





Он не работает из-за CORS, который необходимо включать, когда разные домены обрабатываются сервером и клиентом.
CORS включены в заголовки.
Вот как вы можете включить corse в своем приложении для реагирования:
https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development
КОРС информация:
См. stackoverflow.com/a/38500226/441757 и другие ответы на stackoverflow.com/questions/7067966/how-to-allow-cors.