CORS, вместо GET приходит OPTIONS?

Question

[Артем Абрагмад]

В общем есть проблема: есть самый простой сервер на Go ->

package main

import (
	"net/http"
)

func main() {
	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
		w.Header().Set("Access-Control-Allow-Origin", "*")
		
		w.Write([]byte("TEST"))
	})
	http.ListenAndServe(":80", nil)
}

есть клиент на React ->

export const test = () => {
    return async dispatch =>{
        try {
            const response = await axios.get("https://3ff5-77-222-110-208.eu.ngrok.io/", {
                headers: {"Access-Control-Allow-Origin": "*",
                    'Access-Control-Allow-Methods' : 'GET,PUT,POST,DELETE,PATCH,OPTIONS'}
            })
            console.log(response)
        }catch (e) {

        }
    }
}

Ошибка на клиенте:

CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

На сервер приходит OPTIONS вместо GET запроса, но если отправить POST, то всё хорошо(React). Сам сервер адекватно обрабатывает GET запросы -> утилита curl.

Использую ngrok т.к клиент и сервер находятся на разных машинах на локалхосте.

Comments

[Александр Павлюк]

OPTIONS и должен приходить, ибо браузер при кросс-доменном запросе всегда сначала присылает OPTIONS, чтобы проверить CORS.
Зачем вы добавляете на клиенте к запросу лишние заголовки корса?
И покажите из консоли браузера полностью запрос OPTIONS, который уходит, и что ему отвечает сервер. Тогда можно будет понять проблему.

[Артем Абрагмад]

Александр Павлюк,



Убран

'Access-Control-Allow-Methods' : 'GET,PUT,POST,DELETE,PATCH,OPTIONS'

[Александр Павлюк]

Артем Абрагмад, не вижу на скрине запрос OPTIONS
зайдите во вкладку network и посмотрите, какой там запрос уходит

Answer 1

[SagePtr]

https://developer.mozilla.org/ru/docs/Web/HTTP/COR...

Answer 2

[Alexandroppolus]

Ты зачем-то добавил в запрос заголовки, которые должны быть в ответе (и не имеют смысла в запросе). Из-за чего запрос стал "непростым" и теперь отправляет OPTION.
https://learn.javascript.ru/fetch-crossorigin