Пользовательский заголовок http ломает CORS - PullRequest
Новая
       21

Пользовательский заголовок http ломает CORS

0 голосов
/ 02 июля 2019

Мой API имеет следующие настройки CORS:
(я владелец, я могу изменить эти настройки)

Функция промежуточного программного обеспечения: 

// HeaderMiddleware ...
func HeaderMiddleware(next httprouter.Handle) httprouter.Handle {
    return httprouter.Handle(func(w http.ResponseWriter, r *http.Request, p httprouter.Params) {
        w.Header().Set("Content-Type", "application/json")
        w.Header().Set("Access-Control-Allow-Origin", "*")
        w.Header().Set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, X-APIKEY")
        // ! Production
        // if r.Header.Get("X-APIKEY") != "fdfdsf5df6d541cd6" || r.RemoteAddr != frontendURL {
        //  w.WriteHeader(http.StatusForbidden)
        //  json.NewEncoder(w).Encode(NoContentResponse{Success: false, Error: "You aren't allowed to request the api here."})
        //  return
        // }
        // ! Production

        next(w, r, p)
    })
}

Заголовок X-APIKEY не являетсянеобходимо, но запрос без него просто отлично работает: 

fetch('http://localhost:8013/tobi@gmx.at/usage', { headers: { } })
.then(response => response.json())
.then(console.log)

возвращает {used: false} (ожидаемый ответ)

Однако, если я добавлю заголовок X-APIKEY: 

fetch('http://localhost:8013/tobi@gmx.at/usage', { headers: { 'X-APIKEY': 'sdfsdfsafsf' } })
.then(response => response.json())
.then(console.log)

выдается следующая ошибка:
Access to fetch at 'http://localhost:8013/tobiwibu@gmx.at/usage' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 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.

Если я делаю запрос с заголовком X-APIKEY в Postman, он говорит, что заголовок Access-Control-Allow-Origin отправляется по: Postman says the header is sent along

PS: я уже пробовал другие заголовки, все работает!Если я делаю запрос с Chrome (без заголовка X-APIKEY), отправляется заголовок Access-Control-Allow-Origin.

Спасибо за помощь!

1 Ответ

1 голос
/ 05 июля 2019

Я сейчас исправил это так:
Я неправильно использую заголовок http Accept для моего API-токена.

Пример: 

fetch('http://10.0.0.11:8013/lopm@htl/usage',
{"headers":{ "Accept": "fdfdsf5df6d541cd6++" }})
.then(response => response.json())
.then(console.log)


Конечно, это не очень хорошее решение, но оно делает свое дело.

Спасибо всем за то, что дали мне полезные советы!

...