Доступ к извлечению в 'blahblahblah' из источника 'http://localhost: 3001' был заблокирован политикой CORS - PullRequest
0 голосов
/ 24 февраля 2020

Я пытаюсь получить API, но я продолжаю сталкиваться с одной и той же ошибкой снова и снова, и я проверил сервер, и с этим нет проблем, я бродил, если вы можете помочь мне с этим. это код, который я написал:

import React from 'react';


export default class FetchData extends React.Component {


    async componentDidMount() {
        var myHeaders = new Headers();
        myHeaders.append("Authorization", "sth");

        var requestOptions = {
            method: 'GET',
            headers: myHeaders,
            redirect: 'follow'
        };
        fetch("blahblahblah", requestOptions)
            .then(response => response.json())
            .then(result => console.log(result))
            .catch(error => console.log('error', error));

    }

    render() {
        return <div>
        </div>
    }
}

Ответы [ 3 ]

3 голосов
/ 24 февраля 2020

Решается несколькими способами:

Первый - Ваш URL добавляет этот адрес в конце

https://cors-anywhere.herokuapp.com/YOUR URL

Второй -

см. Это сделать c Proxying API-запросов в разработке

Другие способы -

3 способа исправить ошибки CORS - и как работает заголовок Access-Control-Allow-Origin

0 голосов
/ 24 февраля 2020

знаете ли вы, что означает CORS? Это означает (перекрестное совместное использование ресурсов), посмотрите эту ссылку, чтобы понять его [https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS] ваш бэкэнд должен принимать CORS, а когда вы отправляете учетные данные в запрос, вы должны разрешить учетные данные также

0 голосов
/ 24 февраля 2020

Вам понадобится внести белый список в ваш домен на вашем сервере. Самый простой способ - использовать пакет npm cors для конфигурации cors

...