NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: react - fetch autorizace

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Petr Kasnal
Člen
Avatar
Petr Kasnal:25.5.2019 19:34

Zdravím mám nepochopitelný problém.... Dělám si v .net core webapi a dělám si frontend v reactu. Mám zde autorizace pomocí Jwt (Bearer). Normálně si vygeneruju token a je to ok. Následně si zkusím v postmanu provolat svojí funkci, kde je ptořeba ověření, kdyý to zkusím přes postman, tak to funguje úplně bez problémů. Když to zkusím přes react - fetch, tak mi to za boha nemůže projít... a padá mi to prostě na 401... Nevíte prosím někdo co stím? Přčedem díky za info

var headers = new Headers();

headers.append('Authorization', 'Bearer eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6InZsYXN0YSIsImh0dHA6Ly9zY2hlbWFzLm1pY3Jvc29mdC5jb20vd3MvMjAwOC8wNi9pZGVudGl0eS9jbGFpbXMvdXNlcmRhdGEiOiIzIiwicm9sZSI6IlVzZXIiLCJuYmYiOjE1NTg3Njg2NDAsImV4cCI6MTU1OTM3MzQ0MCwiaWF0IjoxNTU4NzY4NjQwfQ.eqtFHzVGStNH2V5QgFhlCImCpzmOQh3wqNzi7pCoXXDOsR5XFI1Pi5ea8xbPQQdXhgijQmyLPzUou_4gHtMUYw');
fetch(global.apiUrl + "/api/Person/All", { Headers: headers })
    .then(response => response.json())
    .then(data => {
    });

Zkusil jsem: zkoušel jsem hledat na netu, ale nic moc jsem nenašel.... Přidávat content type atd.

Chci docílit: Úspěšného provolání funkce

 
Odpovědět
25.5.2019 19:34
Avatar
Števo Rothmajer
Člen
Avatar
Odpovídá na Petr Kasnal
Števo Rothmajer:25.5.2019 20:37

možno cors? ja som tiež mal taký problém že routy mi fungovali normalne cez postmana ale pri fetchovani mi to padalo prave kvoli cors...
ostatne routy ti funguju?

 
Nahoru Odpovědět
25.5.2019 20:37
Avatar
Petr Kasnal
Člen
Avatar
Odpovídá na Števo Rothmajer
Petr Kasnal:25.5.2019 22:55 
app.UseCors(
               options => options.WithOrigins(...adresy....).AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader().AllowCredentials()
            );

Mám to takhle, jakmile dám pryč atribut authorize, tak to funguje....

 
Nahoru Odpovědět
25.5.2019 22:55
Avatar
vidlec
Člen
Avatar
vidlec:9.7.2019 1:52

Nastav na serveru správně CORS

Když pre flight nadostane že je povolený auth header tak ho pak vůbec nepošle, hence 401

Btw - fetch je JS api, nemá s Reactem nic společného :)

Editováno 9.7.2019 1:53
 
Nahoru Odpovědět
9.7.2019 1:52
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.