получение данных с помощью fetch работает, но не с помощью axios

Question

Я могу получить данные с помощью fetch

 let myHeaders = new Headers();
        myHeaders.append('X-Auth-Token', token,);
        myHeaders.append('Content-Type', 'application/json');      
            fetch("myUrl", {
            withCredentials: true,
            headers: myHeaders
            }).then(function (response) {
                console.log(response)
            })

, но выборка данных не работает с axios.это код моего аксиоса

  const headers={
            'X-Auth-Token': token,
            "content-type":"application/json"
        }
        axios.get('myUrl',{headers:headers,withCredentials:true})
            .then(response => {
                console.log(response)
            })
            .catch(err => {
                console.log(err)
            });

Answer 1

Я использую это так:

Проверьте, находится ли ваш объект заголовков в хорошем состоянии, с помощью журнала консоли.

const headers = {
        'X-Auth-Token': token,
        'content-type': 'application/json'
    };
console.log(headers);
const request = axios.create({
    myUrl,
    headers: myHeaders,
    withCredentials: true
})


request.get() // If you add a string inside the brackets it gets appended to your url
    .then(res => console.log(res))
    .catch(err => console.log(err))

Если вы получаете сообщение об ошибке CORS (Cross Origin Resource Sharing):

Если вы хотите разрешить учетные данные, тогда ваш Access-Control-Allow-Origin не должен использовать *. Вам нужно будет указать точный протокол, домен, порт.

Вам необходимо настроить сервер для разрешения вашего происхождения.

Это очень распространенная проблема, и вы увидите, что это часто случается. Узнайте больше о Cors здесь:

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin