【问题标题】:http.put: "404 not found" in ionic 2http.put:离子 2 中的“404 未找到”
【发布时间】:2017-11-11 15:18:36
【问题描述】:

我正在尝试使用 http.put 更新我的 API 中的一些数据,但我总是得到“404 not found”。这是我的代码:

TS 文件:

activate(customer) {

if(this.mycode==this.cuscode) {
  let headers = new Headers({ 'Content-Type': 'application/json' });
  let options = new RequestOptions({ headers: headers });
  let body = JSON.stringify(customer);

  this.http.put('http://myApi.com/customer/' + this.id, body, options )
  .map(res => res.json())
  .subscribe(data => {
      console.log("Successfully Activated your Account.");
  }, (err) => {
      console.log("ERROR: " +err);
  });
}else {
  this.wrongcode = true;
  console.log("NOT ACTIVATED! Incorrect code mate.");
}

}

HTML 文件:

<ion-item [(ngModel)]="mycode">
          <ion-input type="text" placeholder="Activation Code" required></ion-input>
</ion-item>
    <button ion-button (click)="activate(customer)"><ion-icon name="check"></ion-icon>Activate Now</button>

我得到这个错误:

 PUT http://myApi/customer/72 404 (Not Found)

我的 API 工作正常,但我不知道为什么找不到它?希望你们能帮助我。提前谢谢你。

【问题讨论】:

  • 你能从服务器检查你的api方法是否有“put”而不是“get”。也可以尝试从高级休息客户端或任何其他休息客户端点击这个。
  • 感谢您的回复,但是从服务器检查是什么意思?
  • 尝试在你的开发工具中使用网络标签,通过console.log检查你的this.mycode和this.cucode
  • @DmitryGrinko,if 条件有效,this.mycode 和 cuscode 是输入的代码和验证码。感谢您的回复。
  • 我曾经遇到过同样的问题,API 被暴露为“get”,所以当我尝试从浏览器中点击它时,它曾经向我发送结果,但“put”方法没有暴露,因为一个例子,如果这是 nodejs api 代码应该像这样 expressRoute.put('/your/put/route', function(res,req){...}),在我的例子中它被暴露为 expressRoute.get( '/your/put/route',...),所以只需从后端团队确认,看看它是否以正确的方式暴露。

标签: json angular http ionic2


【解决方案1】:

尝试从高级休息客户端查看这样的选项,如果您公开了一个 put 方法,它将在高级休息客户端中显示该 url 的“put”

【讨论】:

  • 谢谢,我如何从高级休息客户端看到它?对不起,我是新手。
  • 它是一个 chrome 扩展,转到 webapps 并从 chrome 添加一个。在那之后选择ARC(高级休息客户端),然后按照我为“localhost:8080/dev/putNames”编写的方式输入您的URL,从方法下拉列表中选择选项,然后单击发送。它将向您显示该 URL 公开的所有方法
  • 我已经做了,它显示“访问控制允许方法:OPTIONS、GET、PUT、POST、DELETE、PATCH
  • 然后检查您是否在 Angular 服务中正确形成了 url。尝试使用 put 请求和参数点击 url,在您的情况下,该参数将为您提供正确的错误信息
  • 我已经这样做了,错误提示“PUT 404 url​​ not found”。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-01-19
  • 2017-06-27
  • 1970-01-01
  • 2017-06-14
  • 2017-09-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多