用apipost访问json-server的接口时遇到的问题

已于 2023-04-12 15:58:57 修改
阅读量662 收藏 5
点赞数 10
分类专栏： 前端 文章标签： node.js json
于 2023-04-12 15:52:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52068519/article/details/130107506
版权

记录一下我在使用json-server时遇到的问题

这里我启动了json-server

但是在浏览器访问时只能通过localhost去访问，无法用127.0.0.1访问

在接口测试工具apipost中也无法访问

于是我去网上查了一些资料，有一些人说apipost访问本地环境要把代理给关掉，但我里面也没有开代理呀，后面我又查了一下Apipost如何开启json-server，也没找到解决方法，直到我搜索“json-server的使用”，这才发现了猫腻，原来json-server可以设置启动参数的

可以参考这篇文章 ：(56条消息) json-server使用详解_我是波哩个波的博客-CSDN博客

于是我将启动的命令改成这样，就可以用127.0.0.1访问了，用localhost也可以访问

 

但是我还有个疑问：

我知道localhost、127.0.0.1都是表示本地机，那为什么一开始接口是localhost的时候用127.0.0.1访问不了，但将主机名改为127.0.0.1后，用localhost却可以访问呢？

wwwwuj
关注
  • 10
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
C#使用Http Post方式传递Json数据字符串调用Web Service
12-31
在学习使用的过程，遇到了很多问题，也花了很长时间来解决，网上相关的帖子很少，如果各位在使用的过程中有一些问题难以解决，可以找我哦。  前提 　使用Post方式调用Web Service，需要在服务项目配置文件W
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
10-16
在开发Web应用时，经常会遇到跨域问题，尤其是在前端框架如LayUI与后端API交互时。跨域是浏览器为了安全而实施的一种策略，它限制了JavaScript从一个源（域、协议或端口）向另一个源发送HTTP请求的能力。在LayUI图片...
json-server部署服务器出现net::ERR_CONNECTION_REFUSED的问题
qq_41040989的博客
04-08 801
讲到这里，我就理解我之前出现的各种现象了，首先，我们在服务器搭建了一个json-server程序，该程序部署在服务器的localhost地址上，想要拿到这里的数据，只能在本地服务器拿，因为数据没办法在网络层面传输，哪怕后来我的axios改成服务器公网IP，也要走网卡去解析公网IP，所以拿不到数据；答案是 还是取不到数据--------------------😓逻辑应该是没有问题的，这一步应该没有错，至于为什么没有取到数据，看来还得还得继续改。好奇怪，我这里是可以取到数据的，那问题究竟出在哪里呢？
常见的接口测试 开源网站
u013452337的博客
01-25 1万+
1.YApi  提供在线注册和本地局域网 部署 https://yapi.ymfe.org/devops/index.html   2.APIJSON  支持多门语言  支持多个端 https://github.com/TommyLemon/APIJSON   3.接口文档编写 https://www.showdoc.cc/?tdsourcetag=s_pctim_aiomsg 4...
Vue request接口get请求正常，post请求失效，一直处于pending状态
qq_39330397的博客
08-02 1958
在做项目中，我们要是自己搭建一个vue项目框架需要耗费很多时间。所以很多时候方便快速开发，直接利用网上的各种框架。最近在网上下了一个vue2模板项目，在开发过程中利用它封装的request方法请求接口过程中，发现一个post接口请求一直响应超时，但是在postman上测试接口，数据能正常返回，奇怪的是get请求也能够请求成功，说明代理配置上也是没问题的。但是我看request方法里面格式也没做处理啊，寻思一翻最终想到这个罪魁祸首mock。两种办法，再次处理返回数据格式和直接注释mock引入。
vue使用json-server模拟get和post接口初探
weixin_42077503的博客
12-22 2286
安装： npm install json-server -g 注：要提前准备好node环境哦~ 准备mock数据： 新建一个db.json文件，这里我将它放在src/mock/下。 { "hello": [ { "name": "tom", "age": 18 }, { "name": "jack", "age": 19 } ] } 启动： 在控制台里输入"json-server -h"可以查看json
json-server的使用从入门到精通
weixin_57547803的博客
04-01 2518
建议全局安装，因为以后你可能会对 `json-server` 产生依赖：npm install -g json-server
ApiPost 无法访问以下内容Error: Invalid protocol: 127.0.0.1:
m0_65179181的博客
04-26 2304
环境变量中有一个http_proxy的环境变量，将其删除重启apiPost即可。
webapi调用的方法
11-30
6. **错误处理**：在调用API时可能会遇到各种错误，比如网络问题、API限制等，所以你需要编写适当的错误处理代码，确保程序的健壮性。 在学习和使用这个库的过程中，你可以深入了解HTTP协议、授权机制以及如何与第...
乐优商城.xmind
03-31
ly-item-interface：主要是对外暴露的API接口及相关实体类 ly-item-service：所有业务逻辑及内部使用接口 创建父工程ly-item ly-item-interface ly-item-service 依赖 启动器 application.yml 添加商品...
04-详细设计1
08-08
定义API接口，如“/api/orders”，支持POST请求，接收JSON格式的订单数据，返回状态码和确认信息。 3.1.3 错误处理 设定错误码和错误信息，以便在遇到问题时向客户端反馈，如400 Bad Request表示订单数据无效，500 ...
【已解決】对json-server发起post请求，报错：Cannot read property ‘id‘ of undefined
程序边界
05-24 598
在已有数据中添加属性"id"即可，后续项的“id”默认自动生成
解决127.0.0.1拒绝了我们的连接请求
热门推荐
numberonotwo的博客
06-29 5万+
运行Django项目，浏览器显示127.0.0.1拒绝了我们的连接请求PyCharm后台运行截图在Google输入前端界面网址截图在IE输入前端界面网址截图解决方法总结 PyCharm后台运行截图 运行Django成功，并且没有error以及warning 在Google输入前端界面网址截图 显示127.0.0.1拒绝了我们的连接请求 在IE输入前端界面网址截图 也是一样的问题。不能显示内容，但是点击“在新窗口中打开此项目”，则在新的页面出现应该出现的内容，这样就有一个问题：需要打开太多的网页。我们希
api网关选型_微服务API通过ip可访问，域名不可访问问题分析
weixin_39593961的博客
11-21 449
摘要经常会有同学遇到api通过ip可以访问，但是通过域名却不可以访问。本篇文章总结了造成这种情况可能的原因。 因为与具体技术的选型、规则配置有关，所以没有深入讨论，只是列出可能性，仅供参考。分析问题通过域名访问不到的请求表现的现象有 1. 接口返回404 2. 一个错误页面 3. 提示method type不支持 4. 提示接口缺乏必要的参数这些都是接口访问不到，2是配置了错误页面;3,4则发出的...
json-server的使用
我只会html
02-18 748
json-server是一个全局命令行工具，其作用是把一个json文件托管成一个web服务器（提供接口）。 其特点有： 基于Express 支持CORS和JSONP跨域请求 支持GET，POST，PUT和DELETE方法 全局安装 npm --install -g json-server 启动 我们先准备一个希望后端返回的json文件，命名为db.json { "brands":[ ...
json-server的安装，使用，遇到的问题，解决方法以及利用axios获取数据。
BKayun的博客
07-23 2495
C:\Users\13459\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
用JSON-server来做API接口及其示例
最新发布
weixin_51696862的博客
01-08 451
简单来说就是把JSON文件当作一个临时的数据库使用的这样一个工具。你可以对其做get, post请求。比如说你想用本地JSON文件来做个数据源，然后用JSON-server来观察管理这个文件，要给这个JSON文件做API请求接口端口的话，利用JSON-server我们就可以跟这个本地JSON文件做交互。"blogs":[[http://localhost:3000/blogs](http://localhost:3000/blogs) -->get请求博客列表。
ajax调用127.0.0.1(localhost)接口出现CORS跨域问题解决方法
chen_ai_tao的博客
06-13 4587
ajax请求127.0.0.1(localhost)接口出现CORS跨域问题解决
浏览器输入127.0.0.1显示拒绝访问
gedouxiaowu的博客
03-02 4万+
第一步，打开控制面板 第二步，搜索程序 第三步，点击箭头所指的地方 第四步，将下面两个选项勾上【必须将所有子目录的所有内容全部勾选，否则显示的是黑方块，而不是对勾】 第五步，在浏览器输入http://127.0.0.1即可 ...
生成json-server接口
03-06
可以使用 Node.js 中的 json-server 模块来生成一个简单的 RESTful API 接口。首先，安装 json-server 模块： ``` npm install -g json-server ``` 然后，创建一个 JSON 文件，作为数据源，例如： ```json { "posts": [ { "id": 1, "title": "json-server", "author": "CSDN" }, { "id": 2, "title": "RESTful API", "author": "CSDN" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 }, { "id": 2, "body": "some comment", "postId": 2 } ] } ``` 接着，启动 json-server： ``` json-server --watch db.json ``` 这样就可以在 http://localhost:300 上访问到生成的 RESTful API 接口了。例如，访问 http://localhost:300/posts 就可以获取到所有的文章列表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值