解决前端接口请求状态码正常报错问题

本地联调接口报错与解决过程
最新推荐文章于 2024-03-05 11:27:54 发布
原创 最新推荐文章于 2024-03-05 11:27:54 发布 · 533 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #typescript #http #前端 #umi

在本地使用联调环境时遇到接口报错，线上则正常。尝试了检查代码、重装.Umi和node_modules、重启电脑，以及清除浏览器数据和鉴权，最终通过清除浏览器数据和重新鉴权解决了问题。

背景

今天本地使用联调环境的接口报错，但是线上访问该地址没有问题，用 Proxy 代理该地址在本地跑却报错，然后查看状态码也正常。
在这里插入图片描述

推测

一、代码问题

可能是代码问题，重新拉取上次提交到仓库里的不含本次改动代码的分支，并在本地重新部署运行，不行❎

二、 .Umi、node_modules问题

在这里插入图片描述
删除重新 yarn 安装运行，不行 ❎

三、电脑问题

重启电脑再尝试，不行，❎

四、浏览器问题、鉴权问题

在这里插入图片描述
清楚所有浏览数据，重新登陆鉴权，成功 ✅

解决vue请求接口第一次成功,第二次失败问题
10-14
解决这个问题，可以在后端配置允许OPTIONS请求，并返回204状态码（无内容）或者200状态码（成功），表明服务器接受跨域请求。 此外，确保在Vue应用中配置了正确的axios设置，比如超时时间、请求头（Content-Type）...
部署网站时遇到请求出现状态码206，可能是nginx配置问题
猿小白的博客
01-24 4324
在部署网站系统的时候，部分接口出现状态码206，导致功能不能正常使用，经过排查，猜测可能是nginx配置中出现的问题。
前端开发：HTTP状态码详解
全沾软贱开发攻城狮
02-06 1万+
在前端开发过程中，关于HTTP网络请求相关的使用也是必备的，尤其是前后端交互的时候，根据实际业务实现具体需求功能。前端实际开发应用场景中，比较有代表性的关于网络请求相关的使用有：跨域问题/设置代理、接口返回code码（HTTP状态码）、代理、token、cookie欺诈、GET/POST请求等等，这些都是常用知识点。那么本篇博文就来分享一下关于HTTP状态码相关的知识点，尤其是不同开头的code码代表的含义，总结一下，方便查阅使用。
接口报错问题以及解决方法
chenggong9527的博客
06-16 2869
// 快速注释 选择快速选中行。 //using Microsoft.AspNetCore.Mvc; //using System; //using System.Collections.Generic; //using System.Linq; //using System.Threading.Tasks; 1 命名问题 2 找不到网页。什么原因？ 404是地址写错了。 3 名字 ...
SpringBoot 接口报错该如何解决？
Itmastergo的博客
03-05 2497
在Spring Boot应用中，接口报错可能由多种原因引起，包括但不限于业务逻辑错误、异常处理不当、依赖库问题、配置错误等。解决接口报错的过程需要分析具体的错误信息、排查可能的原因，并采取相应的调试和修复措施。
前端异步请求的时候报错
weixin_62159113的博客
08-13 353
前端异步请求时报错
前台访问接口时无法访问以及访问出错的原因（一点一点加）
DHASA的博客
03-07 5006
1、检出到本地的web工程，启动tomcat访问，前端和后台都不报错，但是就是无法访问，也不报404 500等错误。通过浏览器的检查，说是（该设备或资源(localhost)未设置为接受端口“8080”上的连接。），其实是tomcat的http协议端口没有设置为8080，因为我们的网络访问地址端口在地址栏中写的是8080.修改完成之后要重新启动tomcat，这样对tomcat的配置才能起作用。
前端基础：前端状态码大全
qq_51066068的博客
08-21 2985
4xx（请求错误） 这些状态代码表示请求可能出错，妨碍了服务器的处理。 代码 说明 400 （错误请求） 服务器不理解请求的语法。 401 （未授权） 请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。 403 （禁止） 服务器拒绝请求。 404 （未找到） 服务器找不到请求的网页。 405 （方法禁用） 禁用请求中指定的方法。
cakephp3前端ajax请求后台没有return不会报错，cakephp5前端ajax请求后台没有return报错了
最新发布
09-21
官方推荐采用严格的 PSR-7 标准，这意味着如果控制器没有明确地返回响应，尤其是对于 AJAX 请求，那么服务器端会返回一个默认的状态码（如 404 或 500），导致前端可能接收到错误信息。因此，无论是为了兼容性还是...
nginx 请求后台接口200，但是前端报错；nginx 读写临时文件夹proxy_temp报错Permission denied
fengzelun的博客
05-15 2454
项目场景： 前后端分离，前端使用nginx作为服务器 问题描述： nginx请求后台接口成功，即所请求的接口状态为200，但是前段仍然报错，如下图： 原因分析： 1.既然请求后端接口是成功的（状态码200），说明后端接口是没有问题的 2.同时这里还有一个问题，前几分钟还是正常的，但是突然就开始不断报错，但是其他接口没有报错 3.去nginx运行或者安装目录下查找其日志文件logs，找到下面的error文件，找到请求的接口，看看报了什么错误： 2021/05/14 11:12:34 .
前端ajax请求接口，后端接口实际已经访问到了，数据库中已经插入数据成功。但是前端报404
Rk的博客
04-04 6736
正常情况下，前端报404错误是指没有找到接口。但是目前这种情况后端接口已经成功执行，但是前端依旧报错404。错误如下: 但是后端接口正常执行，数据库已经增加了一条记录 前端代码: this.$http.post("/shop/settledIn",para).then((res) => { if(res.data.success){ ...
接口出现问题
weixin_33834628的博客
12-12 505
举报这个接口，如果出现问题先用postman测试一下，看提示的错误是什么。再根据错误来判断，解决的方法。以后对接口出现问题都要有这样的想法 报错：Data truncation: Data too long for column 'be_reporter_name' at row 1 刚开始的长度是50， 提交上来的名字长度超过50，就报 Data truncation: D...
关于本地接口的配置及报错解决
weixin_44051236的博客
05-23 1194
（1）尝试使用ngrock 在上一篇笔记中提到了使用ngrock，在获得本地接口地址后，我把它写入到了app.js中： globalData: { userInfo: null, backend_url:" http://5af29613.ngrok.io" } 且通过index.js中wx:request的url:app.globalData.backend_url+"/home/chap/page来进行访问，但是后台报错说解析的域名不能识别，我猜想是否与url的书写有关，于是我直接
调用接口异常的原因及解决方法
热门推荐
Jernnifer_mao的博客
07-04 1万+
在进行接口调用时，调用有时会遇到各种异常情况，接口解决例如连接超时、异常因及返回值错误等。连接超时是异常因及指在与服务器建立连接时，超过了规定的调用的原时间仍未成功建立连接所引起的异常。除了连接超时和返回值错误外，还有许多其他的异常情况，例如服务器返回异常数据、接口服务异常等。1. 对于服务器返回异常数据，需要对数据进行详细的分析，找出错误原因，并进行相应的处理。3. 对于返回值错误，需要对接口返回值进行详细的分析，找出错误原因，并进行相应的处理。2. 对于接口服务异常，需要及时联系接口提供方，解决问题。
前端请求进不了后端接口的解决思路（笔记）
qq_61709335的博客
11-16 2043
服务管道在地址和 IP 都正确的情况下都是可以进入的，进不了接口就是以上的几点原因。调试后端接口时，前端请求进不了后端接口。4、是否需要添加特定的请求头或者临牌等。2、请求方法是否正确。3、请求参数是否正确。
接口报错500catch获取后端返回的数据信息
weixin_57011137的博客
03-17 1750
//通过 err.response.data//即可
Spring Boot : CROS解决跨域问题
ruiguang21的博客
12-27 685
package com.yanshu.util; import org.springframework.context.annotation.Configuration; import org.springframework.validation.beanvalidation.MethodValidationPostProcessor; import javax.servle
前端接口有时候请求调用成功，有时候请求调用失败，什么问题？
weixin_44656298的博客
10-28 3725
今天在开发过程中，遇到了一个调用接口的小问题，测试人员无论如何有个接口都调用不成功，但是我自己却能成功调用，后来发现我测试的时候，我传的参数数据类型都是数字，测试人员传的参数数据类型都是字母，以此类推最终发现是数据库字段的数据类型定义有问题。 ...
前端安全之csp
兄弟，摸鱼不
05-15 6154
最近前端项目被白帽子使用appscan扫到安全漏洞,老大勒令我们抓紧修复,我们先来看两个级别比较低的漏洞 看到这儿对于我个渣渣前端来说是懵逼的,难道我设置一下http header 就ok了 简单来介绍下什么叫做csp 内容安全策略 (CSP) 是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括跨站脚本 (XSS)和数据注入攻击等。无论是数据盗取、网站内容污染还是散发恶意...
Spring Boot后端代理接口解决前端调用图床API报错
"本文主要介绍了如何使用Spring Boot后端接口解决前端直接调用图床API接口时出现的问题，通过接口转发实现反向代理。利用Spring Boot的`RestTemplate`、Apache HttpClient、MultipartEntityBuilder等工具，实现了...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zoe_ya

如果你成功申请，可以打赏杯奶茶

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值