Angular 6: how can I set the user and password into a REST API requires basic authentication? [duplicate]

Question

Angular 6: I looking to create an REST API require in GET with a basic authentication. I don't understand how should put my params (user + password).

import { Injectable } from '@angular/core';
import { HttpClient, HttpParams } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor(private http: HttpClient) { }

  getCountry(){
    const params = new HttpParams().set('username', '****').set('password', '*****');
    return this.http.get('****', { params })
  }
}

In this way my user + password are in the path of the request and at the console I have this error:

Access to XMLHttpRequest at '****?username=****&password=****' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

https://username:[email protected]/

Joy Biswas
– Joy Biswas

2019-09-07 07:59:39 +00:00
Commented Sep 7, 2019 at 7:59 — Joy Biswas
– Joy Biswas, Commented Sep 7, 2019 at 7:59
@joyBlanks what do you mean?

Giancarlo Nizza
– Giancarlo Nizza

2019-09-07 08:05:07 +00:00
Commented Sep 7, 2019 at 8:05 — Giancarlo Nizza
– Giancarlo Nizza, Commented Sep 7, 2019 at 8:05
This is how a basic auth url looks like

Joy Biswas
– Joy Biswas

2019-09-07 08:06:53 +00:00
Commented Sep 7, 2019 at 8:06 — Joy Biswas
– Joy Biswas, Commented Sep 7, 2019 at 8:06

Adrita Sharma · Accepted Answer · 2019-09-07 08:07:19Z

0

Try like this:

const headers = new Headers({
  'username': "*****,
  'password': "*****,
})
return this.http.get('****', { headers: headers })

answered Sep 7, 2019 at 8:07

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Patricio Vargas · Accepted Answer · 2019-09-07 08:14:34Z

0

that endpoint doesn't exit. You are trying to hit a url that doesn't exit since you are creating the link dynamically And if you have that endpoint exactly how the dynamic URL looks like you need to modify your backend and give access to CORS.

answered Sep 7, 2019 at 8:14

Patricio Vargas

5,60014 gold badges57 silver badges107 bronze badges

Collectives™ on Stack Overflow

Angular 6: how can I set the user and password into a REST API requires basic authentication? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related