为什么以下 Angular 5 代码中的请求标头没有在请求中传递？

Question

所以我无法让这个 http 请求对象随请求一起发送我的标头。

   loginUser(email,password){     
   console.log("loginuser");     
   let formData:FormData = new FormData();  
   formData.append("format","json");
   formData.append("email",email);
   formData.append("password",password);      
   let headers = new HttpHeaders();       
   headers.append('command', 'ProcessLoginPos');                    
   headers.append('Access-Control-Allow-Origin', '*');    
   const req = new HttpRequest('POST', 'http://localhost:8080/ProjectOne/', formData, {         'headers':headers,      reportProgress: true,       responseType: 'text'      });
return this.http.request(req,{},{"command": "ProcessLoginPos"});   
}

Answer 1

你的最后一行应该遵循这个模式：

return this.http.post(url, body, { headers: headers, params: params })

最后你应该得到类似的东西：

return this.http.post('http://localhost:8080/ProjectOne/', formData, { headers: headers })

结果（但我不知道，这里为什么需要new FormData()）：

loginUser(email, password) {         
   let formData: FormData = new FormData();  
   formData.append("format", "json");
   formData.append("email", email);
   formData.append("password", password);      
   let headers = new HttpHeaders();       
   headers.append('command', 'ProcessLoginPos');                    
   headers.append('Access-Control-Allow-Origin', '*');    
   return this.http.post('http://localhost:8080/ProjectOne/', formData, { headers: headers })   
}