时间戳

首页 > 解决方案 > 通过 Angular 使用 my-json-server 将数据发布到 json

angular - 通过 Angular 使用 my-json-server 将数据发布到 json

问题描述

我正在尝试执行两个简单的任务。使用免费的 REST api 获取和发布，即使用 angular 的 Jsonplaceholder。我在这里db.json的 github 帐户上上传了一个 json，这非常简单。它包含书名和书名，即idtitle

{
    "myitems": [
        {
            "id": 1,
            "title": "Bike Servicing System"
        },
        {
            "id": 2,
            "title": "Easy Base"
        }
    ],
    "profile": {
        "name": "typicode"
    }
}

我正在使用免费的 REST api 服务JSONPlaceholder。他们称之为“用于测试和原型设计的假在线 REST API”。无论如何，我的 GET 请求运行良好。单击此处查看 GET 响应。但是为什么我无法使用 POST 将一些进一步的数据放入该 json。请查看我的代码是否有问题。

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

whereopost是一个类型的对象，Posts它是一个类。

export class Posts {
    id: number;
    title: string;
}

我没有收到任何错误。在这里，我将整个 Angular 项目放在了 github 上。我正在关注这个youtube 教程。请帮我。

标签： angularrest

解决方案

从JSONPlaceholder文档：

为了能够在此阶段为尽可能多的人提供免费服务，该项目有一些限制：

  • 更改是伪造的并且不会持久化（就像 JSONPlaceholder 一样）

POST 请求不会将任何内容持久化到服务器。这是有道理的，因为这意味着需要对您不拥有的服务器进行文件写入访问。

如果您想要一个快速的本地 JSON 服务器，请尝试该json-server软件包（以下内容的基础JSONPlaceholder：

https://github.com/typicode/json-server

推荐阅读