Невозможно получить токен из другого Angular URL проекта на включенном cors. net API - PullRequest
Новая
       34

Невозможно получить токен из другого Angular URL проекта на включенном cors. net API

0 голосов
/ 09 апреля 2020

Я могу получить токен с почтальоном, но код выдает ошибку: 

@Injectable()
export class AuthService {

  constructor(private http: HttpClient) {

  }

  login(username: string, password: string) {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/x-www-form-urlencoded'
      })
    };
    const formData = new FormData();
    formData.append('username', username);
    formData.append('password', password);
    formData.append('grant_type', 'password');

    return this.http.post<any>(`${environment.apiUrl}token`, formData, httpOptions)
      .pipe(map(user => this.setSession(user)));
  }

  private setSession(authResult) {
    const expiresAt = moment().add(authResult.expiresIn, 'second');

    localStorage.setItem('id_token', authResult.idToken);
    localStorage.setItem("expires_at", JSON.stringify(expiresAt.valueOf()));
  }
}

Мои заголовки:

: author: localhost: 44302: method: POST: путь: / api / token: схема: https принять: приложение / json, текст / обычный, / принять кодировку: gzip, deflate, br принять язык: en-US, en; q = 0,9 длина контента: 372 тип контента: приложение / x- www-form-urlencoded происхождение: https://localhost: 44354 реферер: https://localhost: 44354 / логин se c -fetch-dest: пустое se c -fetch-mode: cors se c -fetch-site: тот же сайт user-agent: Mozilla / 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit / 537.36 (K HTML, как у Gecko) Chrome / 80.0.3987.163 Safari / 537.36

Моя ошибка: 

ERROR 
HttpErrorResponse {headers: HttpHeaders, status: 400, statusText: "OK", url: "https://localhost:44302/api/token", ok: false, …}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
status: 400
statusText: "OK"
url: "https://localhost:44302/api/token"
ok: false
name: "HttpErrorResponse"
message: "Http failure response for https://localhost:44302/api/token: 400 OK"
error: {error: "unsupported_grant_type"}
__proto__: HttpResponseBase

Раздел токена API: 

public void ConfigureAuth(IAppBuilder app)
    {
        app.UseCookieAuthentication(new CookieAuthenticationOptions
        {
            AuthenticationType = DefaultAuthenticationTypes.ApplicationCookie,
            LoginPath = new PathString("/Account/Login"),
            LogoutPath = new PathString("/Account/LogOff"),
            ExpireTimeSpan = TimeSpan.FromMinutes(5.0),
        });

        app.UseExternalSignInCookie(DefaultAuthenticationTypes.ExternalCookie);

        // Configure the application for OAuth based flow  
        PublicClientId = "self";
        OAuthOptions = new OAuthAuthorizationServerOptions
        {
            TokenEndpointPath = new PathString("/API/Token"),
            Provider = new OAuthAppProvider(PublicClientId),
            AuthorizeEndpointPath = new PathString("/Account/ExternalLogin"),
            AccessTokenExpireTimeSpan = TimeSpan.FromHours(4),
            AllowInsecureHttp = true //Don't do this in production ONLY FOR DEVELOPING: ALLOW INSECURE HTTP!  
        };

        app.UseOAuthBearerTokens(OAuthOptions);  
        app.UseTwoFactorSignInCookie(DefaultAuthenticationTypes.TwoFactorCookie, TimeSpan.FromMinutes(5)); 
        app.UseTwoFactorRememberBrowserCookie(DefaultAuthenticationTypes.TwoFactorRememberBrowserCookie);
    }

1 Ответ

1 голос
/ 09 апреля 2020

Попробуйте это: 

login(username: string, password: string) {
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/x-www-form-urlencoded'
      })
    };
    const formData = 'grant_type=password&username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password);

    return this.http.post<any>(`${environment.apiUrl}token`, formData, httpOptions)
      .pipe(map(user => this.setSession(user)));
  }
...