angularjs - 尝试使用 url 中的凭据优化我的 Angular HttpClient 调用

Question

我必须用这种格式打电话
https://username:password@my.domain.com/api
在 ajax 我做了这样的事情

$.ajax({
          url: endPoint,
          type: 'POST',
          async: false,
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          username: myUsername,
          password: myPassword,
          beforeSend: function (xhr) {
               xhr.withCredentials = true;
               xhr.setRequestHeader("Accept", "application/json; odata=verbose");
          }
    });

我怎样才能用新的 Angular 的 HttpClient 做同样的事情而不做这样的事情？

let url = baseProtocol + username + ":" + password + "@" + baseUrl

this.http.post(url,{
  headers: {
    "Accept": "application/json;odata=verbose",
    "Content-Type": "application/json;odata=verbose",
  }
}).subscribe( res => {
    //do stuff
  }, err => {
    //do other bad related stuff
  }

它有效，但这个字符串连接很难看。
我不是这种技术的专家，我希望得到一些帮助

Answer 1

我不知道你为什么要这样做，但无论如何。

我要做的是在服务中创建一个函数，并带有多个变量(用户、域等)。

当您调用该函数时，它会返回完整的 URL。

这看起来像这样:

user: string;
password: string;
domain: string;
endpoint: string;

get url() { return `https://${this.user}:${this.password}@${this.domain}/${this.endpoint}`; }

您需要做的就是设置您的变量值，并且在任何 http 调用中，您需要做的就是

let url = this.myService.url;