通过Angular使用我的json服务器将数据发布到json

通过Angular使用我的json服务器将数据发布到json,angular,rest,Angular,Rest,我正在尝试执行两项简单的任务。获取并发布一个免费的RESTAPI,即使用angular的Jsonplaceholder。我有一个jsondb.json上传到我的github帐户上,非常简单。它包含id和书名,即title { "myitems": [ { "id": 1, "title": "Bike Servicing System" }, { "id": 2,

我正在尝试执行两项简单的任务。获取并发布一个免费的RESTAPI,即使用angular的Jsonplaceholder。我有一个json
db.json
上传到我的github帐户上,非常简单。它包含
id
和书名,即
title

{
    "myitems": [
        {
            "id": 1,
            "title": "Bike Servicing System"
        },
        {
            "id": 2,
            "title": "Easy Base"
        }
    ],
    "profile": {
        "name": "typicode"
    }
}
我正在使用免费的RESTAPI服务
JSONPlaceholder
。他们称之为“用于测试和原型化的伪造在线RESTAPI”。无论如何,我的GET请求非常有效。单击以查看获取响应。但是为什么我无法使用POST向json添加更多数据呢。请检查我的代码是否有问题

post(opost: Posts): Observable<any> {
    return this.httpclient.post("https://my-json-server.typicode.com/tmtanzeel/test-json-server/myitems", opost);
}

我没有得到任何错误。我已经把整个angular项目放在github上了。我一直在关注youtube教程。请帮助我。

来自
JSONPlaceholder
文档:

为了在这一阶段向尽可能多的人提供免费服务,该项目有几个限制:

  • 更改是伪造的,不会持久化(就像JSONPlaceholder一样)
POST请求不会将任何内容持久化到服务器。这是有道理的,因为这意味着需要对您不拥有的服务器进行文件写入访问

如果您想要一个快速的本地JSON服务器,请尝试
JSON服务器
包(JSONPlaceholder的基础):


来自
JSONPlaceholder
文档:

为了在这一阶段向尽可能多的人提供免费服务,该项目有几个限制:

  • 更改是伪造的,不会持久化(就像JSONPlaceholder一样)
POST请求不会将任何内容持久化到服务器。这很有意义,因为这意味着需要对您不拥有的服务器进行文件写入访问

如果您想要一个快速的本地JSON服务器,请尝试
JSON服务器
包(JSONPlaceholder的基础):


你订阅了你的帖子请求吗?@igor_c是的,我订阅了。
var-opost=new Posts();opost.id=3;opost.title='Dove Tail';这个。_freeApiService.POST(opost).subscribe(data=>{this.objposts=data;})
你订阅了你的帖子请求吗?@igor_c是的,我订阅了。
var-opost=new Posts();opost.id=3;opost.title='Dove-Tail';this._freeApiService.post(opost.subscribe)(数据=>{this.objposts=data;})
好的。但是我必须同时运行两台服务器。一台用于
json服务器,另一台用于“npm start”。当我在heroku上部署应用程序时,这有点冒险。有什么解决方案吗?请您可以使用
并发
在同一
npm
脚本中运行多个命令。您也不需要“运行”部署时使用Angular服务器,除非您使用的是SSR。您只需将生产构建部署为静态文件。好的。但是我必须同时运行两台服务器。一台用于
json服务器
,另一台用于“npm start”。当我在heroku上部署应用程序时,这将有点冒险。有什么解决方案吗?请使用
conc当前
在同一个
npm
脚本中运行多个命令。部署时也不需要“运行”Angular server,除非使用SSR。只需将生产构建作为静态文件部署即可。
export class Posts {
    id: number;
    title: string;
}