У меня возникла проблема при попытке получить все мои сообщения из WordPress API. Оставайтесь на моем угловом проекте.
Я работаю над Stack Blitz -> https://stackblitz.com/edit/angular-hj7ofh
это мой API -> http://laprensainsolita.com/wp-json/wp/v2/posts
и вот мой код:
Модуль приложения:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { PostsComponent } from './posts/posts.component';
import { DataService } from './data.service';
@NgModule({
imports: [ BrowserModule, FormsModule, AppRoutingModule, HttpClientModule ],
declarations: [ AppComponent, PostsComponent ],
bootstrap: [ AppComponent ],
providers: [DataService]
})
export class AppModule { }
, а вот так: posts.component:
import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';
import { Observable } from 'rxjs';
@Component({
selector: 'app-posts',
templateUrl: './posts.component.html',
styleUrls: ['./posts.component.css']
})
export class PostsComponent implements OnInit {
posts: any;
constructor( private data: DataService ) { }
ngOnInit() {
this.data.GetPosts().subscribe(
data => this.posts = data
);
}
}
, а вот data.servcie гдеЯ получаю данные из API:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'
@Injectable({
providedIn: 'root'
})
export class DataService {
constructor(private http: HttpClient) {}
GetPosts(){
return this.http.get('http://laprensainsolita.com/wp-json/wp/v2/posts');
}
}
, и это ошибка, которую я получаю (я не понимаю):
введите описание изображения здесь
ОШИБКА
HttpErrorResponse {заголовки: {…}, состояние: 0, текст состояния: «Неизвестная ошибка», URL: «http://laprensainsolita.com/wp-json/wp/v2/posts"…}
ошибка: ProgressEvent
заголовки: HttpHeaders
сообщение: «Http ошибка ответа для http://laprensainsolita.com/wp-json/wp/v2/posts: 0 Неизвестная ошибка»
имя: «HttpErrorResponse»
ok:false
status: 0
statusText: «Неизвестная ошибка»
url: «http://laprensainsolita.com/wp-json/wp/v2/posts"
proto : HttpErrorResponse
Я заблудился здесь! Я попробовал с этим API -> https://jsonplaceholder.typicode.com/posts и работает !!! Я не вижу, если есть проблема с моим API rest http://laprensainsolita.com/wp-json/wp/v2/posts, но я пытаюсь использовать vanilla javascript Fetch и работает.
С уважением,