对 json-server 的 http 调用刷新了我的页面

Posted

技术标签:

【中文标题】对 json-server 的 http 调用刷新了我的页面【英文标题】:http calls to json-server refreshes my page 【发布时间】:2021-04-10 21:57:34 【问题描述】:

我有一个 Angular 11 应用程序。我在默认端口 4200 上通过 npm serve 运行它。我还在端口 3000 上运行 json-server。我创建了一个简单的表单,并在使用 httpClient 提交该表单时发布我的请求。

this.httpClient.post('http://localhost:3000/movie', newMovieObj).subscribe(res => console.log(res);

新电影已添加,但我的页面已刷新。查看响应标头后,位置标头指向“http://localhost:3000/newMovieId”。我假设这是导致刷新。如何停止此刷新?

请帮忙。

【问题讨论】:

【参考方案1】:

您好,我知道我迟到了,但直到现在我遇到了同样的问题并遇到了这篇文章。

问题是,当一个帖子完成后,在 json 服务器的 db.json 中创建了一个条目。 Angular 将此识别为更改并重新启动应用程序。

解决办法就是把 db.json 文件夹放在 sry 文件夹之外

【讨论】:

以上是关于对 json-server 的 http 调用刷新了我的页面的主要内容,如果未能解决你的问题,请参考以下文章

从 Angular 前端到 json-server 的 GET 调用访问被 CORS 策略阻止的 XMLHttpRequest

节点 JSON-Server 返回 MOCK 发布响应

json-server 中的 OR 运算符

Json-server 模拟 API 而不是调用

React之模拟数据库json-server 2019-01-26

模拟服务以调用本地 json-server 而不是远程端点 - 测试语法? (角度 2)