angular - 在 Angular httpclient get 请求上覆盖基本 URL

Question

我正在尝试向某个 URL 发出获取请求，但它似乎被替换为另一个 URL，这导致向不存在的 URL 发出获取请求。

这是我的代码

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);
    }

  }

但它最终会请求以下 URL

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

提前致谢。

Answer 1

您输入的 API URL 有误。

而不是这样:apiUrl = 'http//:localhost:8000/api';

应该是这样的:apiUrl= 'http://localhost:8000/api';

Stackblitz