NetworkError при попытке получить предупреждение ресурса Access-Control-Allow-Origin - PullRequest
Новая
       6

NetworkError при попытке получить предупреждение ресурса Access-Control-Allow-Origin

0 голосов
/ 05 июня 2019

Я пытаюсь использовать API на фронте vuejs.У меня есть некоторые трудности с получением.

Я должен отправить файл в API с FormData.Каждый раз, когда я ловлю эту ошибку: «TypeError: NetworkError при попытке извлечь ресурс».С предупреждением Access-Control-Allow-Origin.

На вкладке сети консоли я вижу, что мой вызов успешен.

Я уже пробовал с помощью axios и получаю ту же ошибку перекрестного источника в разных браузерах.

СначалаЯ пытался использовать режим без корс, ошибка исчезла, но у меня был другой: «SyntaxError: JSON.parse: неожиданный конец данных в строке 1 столбца 1 данных JSON»

Мой ответ API - JSON.Я обнаружил, что эта ошибка может быть вызвана режимом no-cors. 

        let formData = new FormData();

        let blob = await fetch(this.audioUrl).then(r => r.blob());

        formData.append("wav", this.blobToFile(blob, "audio"));
        formData.append("apikey", process.env.VUE_APP_API_KEY);

        var url = new URL(process.env.VUE_APP_API_URL)


        console.log(url)
        fetch(url, {
            mode: 'no-cors',
            method: 'POST',
            body: formData,
        }).then(function(response) {
            console.log(response)
            response.json().then(function(json){
                console.log(json);
                console.log(response.status)
            })
        });

Я не могу редактировать API, кто-нибудь может мне помочь с этой проблемой?

...