从Angular2到Rest API的Http POST [CORS]

Question

我是Angular 2和CORS的新手

我想将表单数据从Angular 2发布到Rest控制器。但我得到以下错误

状态响应：0和网址：空

component.ts
---------------------------------------

onSubmit(form:NgForm) {

console.log(form.value);
var job =  JSON.stringify(form.value);
alert(job); //getting the value



this.jobCleanupService.addJobCleanUp(job).subscribe(
        data =>  alert(data),
        error => alert(error)
    );
   }


jobcleanup.service.ts
----------------------------------

 addJobCleanUp(job:any){
        let headers = new Headers({ 'Content-Type': 'application/json' });
 let options = new RequestOptions({ headers: headers });

        alert('service'+  job); //getting the value

 return this.http.post('http://localhost:8080/addjobcleanup', job,options)
                    .map(res => res.json());
    }

Rest Controller处于不同的仓库

RestController
---------------------------

 @CrossOrigin(origins = "http://localhost:4200/newjobcleanup")
    @RequestMapping(value = "/addjobcleanup" ,method = RequestMethod.POST)
    @ResponseBody
    public String addJobCleanUp(@PathVariable String job) {
        logger.info("Add Job Clean Up");
        return "Success";
    }

Answer 1

您只需使用http://localhost:4200/作为来源，我认为这会有所帮助。