Ionic 6 API REST发布方法头文件

wtzytmuj  于 2022-12-16  发布在  Ionic
关注(0)|答案(1)|浏览(151)

我试图使一个API的REST请求,但我不能与API连接,我尝试了不同的选项,但我可以做到这一点。
这是我的ts

post(emplead2){
    let data = {
      "LastName": this.LastName
    }
    
    this.proveedor.addStudent(data)
    .subscribe(
      (data)=>{this.empleados = data;},
      (error)=>{console.log(error);}
    )
  }

这是我的服务

addStudent(data): Observable<any> {
    const headers = new HttpHeaders().append('Content-Type','application/json');
    const body = 'hola';

  console.log(body)
  console.log(headers)
    return this.http.post('APIURL',body,{headers: headers});

  }


这是一个错误:CORS策略已阻止从源'http://localhost:8100'访问'MYAPIURL'上的XMLHttpRequest:对印前检查请求的响应未通过访问控制检查:它没有HTTP ok状态。

kg7wmglp

kg7wmglp1#

这里的问题不是来自你的离子应用程序或你如何发送POST请求。基本上发生的是你的http请求由于安全原因被CORS策略阻止。你可以检查here什么是CORS策略以及为什么它阻止你的请求。
修复此问题取决于构建API所使用的语言/框架,但您需要做的是允许离子应用程序的基本URL(http://localhost:8100)访问API并绕过CORS策略。

相关问题