【问题标题】:how to get json data from wordpress in ionic 4 app如何在 ionic 4 应用程序中从 wordpress 获取 json 数据
【发布时间】:2020-02-19 06:26:00
【问题描述】:

我在我的 ionic 4 应用程序中尝试了很多次,但没有意识到我做错了什么。 这是我在 ionic 4 应用程序中检索 json 数据的链接(http://www.hellodevs.online/wp-json/wp/v2/)。 我收到的错误消息在这里Http failure response for http://www.hellodevs.online/wp-json/wp/v2/posts?_embed: 0 Unknown Error 如果有人帮助我获取数据,那么将非常感谢我的帮助

提供我的工作代码。

【问题讨论】:

  • 开发工具控制台或网络选项卡中是否还有其他错误?可能与 CORS 相关的任何内容?....

标签: angular typescript ionic-framework ionic4 ionic-native


【解决方案1】:

首先在您的 app.module.ts 上导入 import {HttpClientModule} from '@angular/common/http';,然后在同一文件的 @NgModule({imports: [HttpClientModule]}) 上添加 HttpClientModule

接下来,在 page.ts 上导入 import { HttpClient } from '@angular/common/http'; 并将其添加到构造函数 constructor(private http: HttpClient)

现在,您可以像下面的示例方法一样成功调用它:

getSampleWP() {
    this.http.get('http://www.hellodevs.online/wp-json/wp/v2/').subscribe(
    (data: any) => {
      console.log(data);
    }, (error: any) => {
      console.log(error);
    });
  }

【讨论】:

  • 以与您相同的方式使用代码,但收到此消息:- hellodevs.online/wp-json/wp/v2 的 Http 失败响应:0 Unknown Error 。你有没有在你身边检查过它是否对你有用,如果检查过,那么在哪个平台上
  • 是的,它对我有用。我正在使用 Ionic 4。您是否将其添加到您的 app.module.ts 中?另外,你能包括你的离子信息吗?
  • 尝试使用此浏览器“chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security --incognito”运行您的代码,如果它运行,很可能这是 CORS 问题,您需要在 wordpress API 中启用 CORS
猜你喜欢
  • 2019-02-19
  • 2019-11-08
  • 1970-01-01
  • 1970-01-01
  • 2019-01-17
  • 1970-01-01
  • 1970-01-01
  • 2020-12-16
  • 1970-01-01
相关资源
最近更新 更多