记前端接口获取不到数据踩坑总结

最新推荐文章于 2024-04-29 11:42:46 发布
最新推荐文章于 2024-04-29 11:42:46 发布
阅读量3.3k 收藏 7
点赞数
分类专栏： 前端杂烩 文章标签： 前端 node.js 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37881606/article/details/121751560
版权

1、配置了proxy代理的话，一定要检查pathRewrite

提示找不到路径一般都是代理重写路径的时候出错。最大的坑就是多写一个api和少写一个api的问题。一定多试试。一个api不对就多加一个或者是全部去掉。血泪的教训

2、提示跨域失败，一定要检查proxy里面配置的target

链接服务器接口一点要连对，区分线上的接口和本地的接口。最近脑子糊涂，一个跨域检查了三天没检查出路径写错了。

3、检查权限、检查权限、检查权限

有些灵活配置的数据开放出来了，但是没有配置权限，有一些必填的id信息一定要检查

4、注意封装的axios请求。

封装的axios一般会设有拦截，拦截的状态一定要过滤好，可以适当放开限制，不用卡的死死的必须200

5、一定要对接好cookies还是token

如果后台要求cookies的话，一定要把axios.default.withCredentials设置为true

WuxiaoyanR
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端-使用后端给的接口一直拿不到数据
qq_42371932的博客
10-19 173
在调用后端给的接口的时候，没有拼接代理服务器的字段和接口地址。代理服务器的字段 + 接口地址。代理服务器的字段 + 接口地址。使用后端给的接口一直拿不到数据。
解决node.js中前端使用POST请求，后端end过早，前端拿不到数据返回空白的问题
tangpinger的博客
06-02 804
这里有一个问题，由于在接口中监听的on事件是异步执行的，在server.js中调用接口函数时，数据还没收集完，render()方法还没有渲染完数据返回给前端，服务器就过早执行end响应了，导致页面上后端返回的是空白。最开始的时候在req上监听on事件一点一点接收数据，数据收集完毕时调用render()方法处理数据并返回给前端，然后在server.js中的服务器方法中执行res.end()响应。在接口方法中接收，数据收集完毕后执行render()方法将这个回调函数传进去。
API接口调用失败的常见原因？如何进行排查和处理？
最新发布
OB15797612830的博客
04-29 6525
API接口调用失败的常见原因有以下几种： 1. 无效的请求参数：可能是由于请求参数缺失、格式错误或者不符合接口要求导致的。解决方法是检查请求参数是否正确，并确保按照接口文档提供正确的参数。 2. 接口权限不足：有些接口需要特定的权限才能调用，如果没有相应的权限，调用会失败。解决方法是确认自己是否具有调用该接口的权限，如果没有，需要联系相关人员进行权限申请。 3. 接口地址错误：可能是由于接口地址拼写错误、URL格式错误或者接口不存在导致的。解决方法是检查接口地址是否正确，并确保URL格式正确。
后端获取前端数据获取不到原因及解决办法
和大家一起涨芝士
12-11 385
后端获取前端数据获取不到原因及解决办法
前后端正常启动，但前端拿不到数据解决办法
m0_58877726的博客
11-17 2969
后端发送请求，前端接受不到数据，但后端数据已经从数据库取到
前端学习、面试总结踩坑文档
11-22
个人校招总结的前端笔面试文档，县分享给大家，后期会不定时更新。内容包含基础面试题、笔试、vue以及自己的踩坑指南。
php 接口与前端数据交互实现示例代码
10-19
总结来说，PHP接口与前端数据交互涉及后端API设计、数据库操作、JSON响应构造和前端JavaScript事件处理。通过实例代码，我们可以清晰地看到这一过程，这为开发人员提供了一种实用的方法来实现前后端数据交换。
html前端动态获取后端数据显示到表格，实现分页显示
04-14
html前端获取后端js的数据，实现到html表格，并且实现表格分页显示，分页显示原理是要显示那一页数据就从后端获取需要显示页的数据，不会一次性获取全部数据，减小流前端的压力。后端使用js+express，读取csv文件...
vue如何从接口请求数据
08-30
在上面的代码中，我们使用了created钩子函数来调用getImg方法，该方法将发送GET请求到指定的接口以获取数据。 methods 在Vue.js中，我们可以使用methods来定义一些可以被调用的函数。在上面的代码中，我们定义了...
thymeleaf后端传值给前端,前端调不到
qq_42943161的博客
08-16 798
解决方法: 注意一下用的是servlet还是session,后者取值为session.xxxx,前者不用加作用域
【解决关于前端Vue接收后端easyExcel导出接口传过来的文件流，无法获取请求头Content-Disposition信息，即无法从文件流中获取导出文件名】
ZQL666123的博客
07-13 2948
【代码】【无标题】
API-登录接口无法访问成功的解决方案
Liu_GuoXing的博客
03-31 2038
有个项目必须使用VPN才能访问，需要做API接口方面测试，需要使用JMeter或Postman类的HTTP请求工具来实现端口的访问，实际操作中发现：登录接口是Form表单形式，需要传递用户名、密码、验证码、ID，共4项参数，理论上发送接口请求后应该返回登录成功后自动跳转的页面，但实际返回的是登录页，并没有完成跳转，但status code（响应状态码）却返回的是200，说明请求通了，尝试了N种做法仍然无法解决问题。接下来我分享一下我排查这个问题的主要思路。
数据库有数据前端接收的到但是不显示
m0_46850841的博客
05-03 551
怎么弄前端都不显示数据，查了好多遍，控制台打印也没有问题。后面才发现，谁家好人多写一个空格，晕死。
nginx反向代理失效，前端无法获取后端的数据，前后端连接不上
weixin_51451545的博客
09-15 3149
比如我们无法直接在浏览器上访问YouTube，但我们开个加速器，就可以访问了，此时这个加速器就是正向代理服务器。这个加速器能访问YouTube，加速器接收到我们的请求后，把请求转发到YouTube，YouTube返回资源给加速器，加速器再返回资源给我们，这就是正向代理。正向代理最大的特点是服务器只清楚请求来自哪个代理服务器，而不清楚来自哪个具体的客户端，正向代理模式屏蔽或者隐藏了真实客户端信息。。
springboot前后端分离开发，交互时前端页面无法获取数据
jiaomongjun的博客
11-29 1840
springboot前后端分离开发，交互时前端页面无法获取数据 问题描述： 使用postman可以获取数据，但通过js创建ajax交互式、快速动态网页时，前端页面请求数据失败 解决方法： 在controller层添加： //解决跨域问题 @CrossOrigin(allowCredentials = "true", allowedHeaders = "*",maxAge = 3600) ...
解决接口的数据显示空值，循环出现问题~
刘小杨的博客
12-20 948
当我们在使用获取服务器的数据的时候，通常使用v-for来解决问题，来实现一个数据渲染的效果 这是通过Postman来提取的数据，方便可视化。 这个软件下载就可，里面的内容可以都是英文的，如果看着不舒服就可以下载汉语化的包。 Postman汉语化_刘小杨的博客-CSDN博客_postman汉语下载依赖包，汉语化的依赖包地址：https://pan.baidu.com/s/12DbKceboWL3fRxVsShBxwA提取码：lmbr将你下载的包，加压到你的resources里面。在resources里
数据库能查询出来数据，前端接收不到该字段？
ss_synchronized的博客
04-02 2238
之前做项目的时候sql语句在数据库中查询正常，但是前端就是接受不到某些数据，后来发现原因： 起别名的时候，该别名和表中原有字段冲突，或者带有name，id之类的关键字导致无法识别。 解决办法：在后端sql语句该字段前中加上trim即可。 例： select trim(us.namech) as name from toocase t left join userlist us on us.id=t.userid where 1=1 如有错误，请指出错误之处，谢谢！ ...
前端for循环接口知道获取到数据结束循环
07-14
对于前端的循环遍历接口数据，可以使用以下方法来判断是否获取到数据并结束循环： 1. 使用标志变量：在循环开始之前，先定义一个标志变量，例如`isDataReceived`，初始值设置为`false`。当接口成功获取到数据时，将`isDataReceived`设置为`true`，然后在每次循环迭代时检查该变量的值，如果为`true`则结束循环。 ```javascript let isDataReceived = false; for (let i = 0; !isDataReceived; i++) { // 调用接口获取数据 fetchData(i) .then((data) => { // 处理数据 if (data) { // 获取到数据，设置标志变量为 true isDataReceived = true; } }) .catch((error) => { console.error(error); }); } ``` 2. 使用`break`语句：在每次循环迭代时，检查接口返回的数据是否为空或者符合某个条件，如果满足条件，则使用`break`语句跳出循环。 ```javascript for (let i = 0; ; i++) { // 调用接口获取数据 fetchData(i) .then((data) => { // 处理数据 if (!data || data.length === 0) { // 数据为空或者满足某个条件，跳出循环 break; } }) .catch((error) => { console.error(error); }); } ``` 这两种方法都可以在获取到数据后结束循环，你可以根据实际需求选择适合的方式来判断是否获取到数据并停止循环。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值