angular - DOM 异常：标头名称无效

Question

我收到错误 DomException：

无效的标题名称我的 http.service.ts 类是带有基本身份验证的 this.headers 和带有 formdata 的正文。
在此处输入代码 import '''{ HttpClient, HttpHeaders} from '@angular/common/http';

这是我的代码：

import { Injectable } from '@angular/core';
import { environment } from '../../environments/environment';
import axios from 'axios';
import { JsonPipe } from '@angular/common';
import { AuthConstants } from '../config/auth-constants';
import { ToastController } from '@ionic/angular';
import * as process from 'process';
@Injectable({
providedIn: 'root'
})
export class HttpService {
storageService: any;
  router: any;

constructor(private http: HttpClient,private toastCtrl: ToastController) {}

tokenpost(serviceName: string, data: any) {

  const formData = new FormData();
  const dataJson = {
    'username': data.username,
    'password': data.password,
    'grant_type': 'password'
  };
  console.log('dataJson:', dataJson);
  formData.append('data', JSON.stringify(dataJson));
  console.log('formData: ', formData.getAll('data'));

  const username = "mobile";
  const password = "pin";
  const encoded = btoa(username + ":" + password);

  const httpOptions = {
  headers: new HttpHeaders({
    'Accept':  'application/json',
    'Authorization':'Basic${encoded}',
    ' Access-Control-Allow-Origin': '*',
     'Content-Type': 'multipart/form-data'

    })
  };

const proxyurl = "curl https://cors-anywhere.herokuapp.com/";
const url = environment.apiUrl + serviceName;
console.log(url);
return this.http.post(url, formData,httpOptions )

}
}'''

标签： angularhttpclient