Override base URL on angular httpclient get request

Question

I'm trying to make a get request to a certain URL but it seems to be replaced to another one,this resulting in making a get request to an non-existant URL.

Here is my code

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


@Injectable()
export class ApitestProvider {
  tests;
  apiUrl = "http//:localhost:8000/api";
  testAdded;
  testGotten;
  testDeleted;
  constructor(public http: HttpClient) {

    console.log('Hello ApitestProvider Provider');
  }

  getTests() {
    this.http.get(this.apiUrl + "/tests").subscribe(data => {
      console.log(data);
      this.testGotten = data;
    }), err => {
      console.log(err);
    }

  }

but it ends up making a request for the following URL

url: "http://localhost:8100/http//:localhost:8000/api/tests"

thanks in advance.

Are you using an interceptor?

Lucho
– Lucho

2018-12-03 22:13:44 +00:00
Commented Dec 3, 2018 at 22:13 — Lucho
– Lucho, Commented Dec 3, 2018 at 22:13
You can check your base url in your index.html file.

miselking
– miselking

2018-12-03 22:28:08 +00:00
Commented Dec 3, 2018 at 22:28 — miselking
– miselking, Commented Dec 3, 2018 at 22:28

Roman Šimík · Accepted Answer · 2018-12-03 23:11:00Z

4

You have incorrectly typed your API URL.

instead of this: apiUrl = 'http//:localhost:8000/api';

it should be this: apiUrl= 'http://localhost:8000/api';

Stackblitz

edited Dec 3, 2018 at 23:11

answered Dec 3, 2018 at 22:38

Roman Šimík

91110 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Override base URL on angular httpclient get request

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related