Angular 交叉源资源共享错误(CORS)角度10

Angular 交叉源资源共享错误(CORS)角度10,angular,cors,http-headers,Angular,Cors,Http Headers,我使用Angular 10(前端)和Node.js(后端)创建了一个Web应用程序。但当我通过添加头发送请求时,它不起作用。(当关闭CORS并在Chrome上发送请求时,该功能起作用) 我被发现在StackOverflow方面缺乏一些类似的答案,但不幸的是,这些答案对我来说并不适用:| 我发出了如下请求: getAllSubmissions() { let token = sessionStorage.getItem('auth-token'); let path = this.

我使用Angular 10(前端)和Node.js(后端)创建了一个Web应用程序。但当我通过添加头发送请求时,它不起作用。(当关闭CORS并在Chrome上发送请求时,该功能起作用) 我被发现在StackOverflow方面缺乏一些类似的答案,但不幸的是,这些答案对我来说并不适用:|

我发出了如下请求:

getAllSubmissions() {
    let token = sessionStorage.getItem('auth-token');
    let path = this.globe.base_path + 'get-submissions';
    this.http.get<any>(path, {headers:{'Access-Control-Allow-Origin':'*', 'auth-token':token}}).toPromise().then(data => {
      this.allsubmissoinsFiltered = data.filter(sub => sub.status != 'active')
      this.allSubmissionsCount = this.allsubmissoinsFiltered.length;
    }).catch(err => {
      console.log(err)
    })
  }
getAllSubmissions() {
    let token = sessionStorage.getItem('auth-token');
    var header = { headers: new HttpHeaders().set('Authorization', token) }
    let path = this.globe.base_path + 'get-submissions';
    this.http.get<any>(path, header).toPromise().then(data => {
      this.allsubmissoinsFiltered = data.filter(sub => sub.status != 'active')
      this.allSubmissionsCount = this.allsubmissoinsFiltered.length;
    }).catch(err => {
      console.log(err)
    })
  }
getAllSubmissions(){
let token=sessionStorage.getItem('auth-token');
让path=this.globe.base_path+'get submissions';
这是http.get


如何解决此问题?希望等待您宝贵的回复!

此问题是由于使用, 我正在按如下方式更改代码

getAllSubmissions() {
    let token = sessionStorage.getItem('auth-token');
    let path = this.globe.base_path + 'get-submissions';
    this.http.get<any>(path, {headers:{'Access-Control-Allow-Origin':'*', 'auth-token':token}}).toPromise().then(data => {
      this.allsubmissoinsFiltered = data.filter(sub => sub.status != 'active')
      this.allSubmissionsCount = this.allsubmissoinsFiltered.length;
    }).catch(err => {
      console.log(err)
    })
  }
getAllSubmissions() {
    let token = sessionStorage.getItem('auth-token');
    var header = { headers: new HttpHeaders().set('Authorization', token) }
    let path = this.globe.base_path + 'get-submissions';
    this.http.get<any>(path, header).toPromise().then(data => {
      this.allsubmissoinsFiltered = data.filter(sub => sub.status != 'active')
      this.allSubmissionsCount = this.allsubmissoinsFiltered.length;
    }).catch(err => {
      console.log(err)
    })
  }
getAllSubmissions(){
let token=sessionStorage.getItem('auth-token');
var header={headers:new-HttpHeaders().set('Authorization',token)}
让path=this.globe.base_path+'get submissions';
this.http.get(path,header).toPromise().then(data=>{
this.allsubmissoinsFiltered=data.filter(sub=>sub.status!='active')
this.allsubmissionscont=this.allsubmissions.length;
}).catch(错误=>{
console.log(错误)
})
}
注意:我还将后端头名称更改为“Authorization”


现在它工作正常。

有这样的问题和答案@Bojankogj它也不工作了:(我已经解决了这个问题。这是由于自定义标题造成的。@Bojankogj无论如何非常感谢