将带有角度5 http请求的用户名和密码传递给django rest api

Question

正在将django rest api与angular 5集成.Django rest框架实现了它的基本身份验证

for(long x = 0; x < 9876543210L; x++) {
    ...                       ^- notice the 'L'
}

能够通过在Headers菜单中提供django超级用户（用户名和密码）来打击邮递员api，但是当我从角度点击api时它重新启动401.我尝试了多种解决方案但没有得到完美的解决方案

这是我正在尝试的

REST_FRAMEWORK = {
    'DEFAULT_PERMISSION_CLASSES': (
        'rest_framework.permissions.IsAuthenticated',
    ),
    'DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework.authentication.BasicAuthentication',
        'rest_framework.authentication.SessionAuthentication',
    )
}

还试过标题为

httpOptions = {
    headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Username': <username>,
        'Password': <password>
      })
  };

return this.http.get(url, this.httpOptions)
      .toPromise()
      .then(res=>{
        return res;
      });