Beitrag zu JSON-Server-Probleme

Question

Ich bin noch neu in diesem, aber ich versuche, meine eigenen Daten zu https://jsonplaceholder.typicode.com/users für Lernzwecke zu veröffentlichen. Am unteren Rand der Seite heißt es, npm install -g json-server zu verwenden, also habe ich diesen Befehl in meinem Projekt ausgeführt und ich habe versucht, die Daten in der Web - URL oben zu posten und habe es auch in einer statischen JSON - Datei gepostet Npm install -g JSON-Server-Befehl, aber ich bekomme, dass die JSON-Datei nicht gefunden wird, wenn die lokale Datei verwenden, und wenn ich versuche, auf die URL oben zu veröffentlichen, dann zeigt es einen Beitrag im Konsolenprotokoll, aber meine Tabelle mit der Benutzer werden nie aktualisiert. Kann mir jemand sagen, wie ich das funktioniere, damit ich meine POST-Daten sehen kann?

user.service.ts

 import {Injectable} from '@angular/core'; 
import 'rxjs/add/operator/map'; 
import {Http, Headers} from '@angular/http'; 
import {User} from './user'; 
@Injectable() 
export class UserService{ 
constructor(private _http:Http){ 


} 
getUsers(){ 
return this._http.get('http://localhost:4200/users') 
.map(res=>res.json()); 

} 
addUser(post){ 

return this._http.post('http://localhost:4200/users', post) 
.map(res=> res.json()); 



} 
} 

form.component.ts

import { Component, OnInit } from '@angular/core'; 
import {UserService} from '../users.service'; 
import {Http} from '@angular/http'; 
import {Router} from '@angular/router'; 
import {FormGroup, FormControl} from '@angular/forms'; 

@Component({ 
    selector: 'app-form', 
    templateUrl: './form.component.html', 
    styleUrls: ['./form.component.css'], 
    providers: [UserService] 

}) 
export class FormComponent implements OnInit{ 
    private user; 

    private _users; 
    constructor(
    private _userService:UserService 


){ 


    } 

userForm = new FormGroup({ 
name: new FormControl(), 
username: new FormControl(), 
email: new FormControl(), 
address: new FormGroup({ 
    street: new FormControl(), 
    suite: new FormControl(), 
    city: new FormControl(), 
    postalcode: new FormControl() 

}) 

}); 
onSubmit(){ 
this._userService.addUser(this.userForm.value) 
.subscribe(res => { 
this.user = res; 
console.log(res); 

}) 

} 

} 

Answer 1

Sie müssen sich jetzt nicht darauf an app/users.json, dass Sie den Server läuft. Per documentation können Sie einfach an http://localhost:3000/users POST.

Answer 2

Ich glaube, Sie verpasst haben, dass für den öffentlichen Dienst (was vernünftig ist)

Note: the resource will not be really created on the server but it will be faked as if.

, da Sie es bereits lokal installiert haben, führen Sie einfach:

$ jsonplaceholder

nach URLs Hostnamen ersetzen in Winkel zu http://localhost:3000