从 Angular2 到 Rest API [CORS] 的 Http POST

Question

我是 Angular 2 和 CORS

的新手

我想 post 将数据从 Angular 2 发送到 Rest 控制器。但是我收到以下错误

响应Status:0和Url：空

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 在不同的 repo 中

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/ 作为来源，我认为这会有所帮助。

从 Angular2 到 Rest API [CORS] 的 Http POST

Http POST from Angular2 to Rest API [CORS]

cors

typescript

spring-restcontroller

angular