发布请求在 ionic 3 中不起作用答案

【问题标题】：Post request not working in ionic 3发布请求在 ionic 3 中不起作用
【发布时间】：2018-06-03 15:24:54
【问题描述】：

我是 Ionic 应用程序开发的初学者，我正在尝试使用以下代码将数据发布到服务器，但我的代码没有命中服务器 url，我收到失败响应，请帮助我完成我的要求应该做什么

home.ts:

doLogin() {

    //Headers parameters
    var headers = new Headers();
    headers.append('Content-Type', 'application/json');
    let options = new RequestOptions({ headers: headers });

    //Parameters
    let postParams = {
      empId: 'em2',
      password: 'password123',
      deviceId: '957334kjhsd'
    }

    this.http
        .post('http://2c631a4d.ngrok.io/employeeLogin', postParams, options)
        .map(res => res.json())
        .subscribe(
            data => {
              alert("success")
            },
            err => {
              alert("failure")
            }
        );
  }

【问题讨论】：

您是否尝试通过控制台记录错误对象？
它没有访问我的服务器 url，我在服务器端没有收到任何请求
您是否尝试过通过 Postman 插件访问相同的 url 和参数？
邮递员工作正常
您的控制台是否有任何错误？因为上面的代码看起来完全没问题

标签： angular ionic3

【解决方案1】：

由于跨域问题，您无法发布到服务器端，您必须在您的服务器中允许同源请求，在您的服务器中允许本地主机请求。如果您使用的是 asp.net 服务器，请在您的 webconfig 和路由器类中添加一些代码。

Ionic http 帖子有一些错误。您必须像这样将数据作为查询字符串传递：

Let params = "id="+MyId"+"&title="+MyTitle;
this.http.post(url, params, options) .map(res => res.json())

【讨论】：