前端开发，请求接口遇到的坑

最新推荐文章于 2025-02-26 16:06:46 发布
最新推荐文章于 2025-02-26 16:06:46 发布
阅读量188 收藏 1
点赞数 2
CC 4.0 BY-SA版权
文章标签： json vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weiminquan/article/details/90612309
本文讲述了开发者在使用axios发送POST请求时遇到的问题，需将参数放在body中且遇到逗号分隔导致的解析错误。解决办法是确保设置content-type为application/json以正确传递JSON数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天开发时，在调后台接口时，后台大佬给的是post请求方式，请求id要求放在body中，一开始有点奇怪；后来参数什么的都没有错，在swagger中试了试，还是没有问题，可就是在开发页面中来时报错，把ID放到query中不符合要求，用params方式只写一个值为字符串的变量，axios又自动将字符串作为对象的key；思来想去，是不是封装的 $HTTP请求有问题，后来发现是axios会自动将接口逗号 ， 后的变量当做对象来解析，不会像原生请求那样；

要想按照后台的要求发送请求参数，就必须在请求参数的后面设置 content-type

设置为：application/json

wei-jason
关注
『前端必备』本地数据接口—json-server
程序员柒的博客
02-12 1085
Ajax 是前端必学的一个知识点，但刚接触 Ajax 的同学可能会因为没接口测试而烦恼。本文 入门篇 会花你10分钟解决 没接口测试 这个烦恼，而且不需要你具备后端知识。json-server网址:一个在前端本地运行，可以存储json数据的server。通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。顾名思义，json-server就是个存储json数据的server。
大批量接口请求的前端优化
hello.reader
04-01 4457
在前端开发中，我们经常会遇到需要一次性发送大量接口请求的场景，比如在数据初始化、数据导入等操作中。如果不对这些请求进行合理的优化，可能会导致页面加载缓慢、用户体验下降，甚至引发浏览器崩溃。本文将介绍几种针对大批量接口请求的前端优化方法。大批量接口请求的前端优化是一个复杂而重要的问题。通过合并请求、使用防抖和节流、Web Workers、缓存请求结果以及分页和懒加载等技术，我们可以显著提高应用的性能和用户体验。在实际开发中，需要根据具体场景和需求选择合适的优化策略。
js传值，0字符开头导致传值不对的解决方法
xiaokanshijie的博客
12-12 1507
"0"开头字符串传值失败
springboot 请求接口 Date类型参数
weixin_34293911的博客
03-14 1084
date类型的参数 在请求的时候 会出现 请求时间 +8小时 解决方法：在时间类型的参数上加入注解 import com.fasterxml.jackson.annotation.JsonFormat; @JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss") 转载于:https://blog.51cto.com/1233295...
前端向后端传递时间的格式化
myllxy
08-30 4274
后端需要指定格式的时间字符串，而前端没有使用时间选择器的情况下，只能自己实现： export default function getNowDateAfterFormat() { let date = new Date(); let year = date.getFullYear().toString().padStart(4, "0"), month = (date.getMonth() + 1).toString().padStart(2, "0"), d
前端通过nginx访问本地端口
qq_41282779的博客
10-08 1682
目录一、nginx安装1、下载（1）下载地址 （2）系统选择（3）版本选择2、安装部署（1）解压（2）配置文件修改（3）启动二、使用1、其他命令总结nginx官网 1）中“1”为Linux资源，2）“2”为window资源1）Mainline version 主流版2）Stable version 稳定版3）Legacy versions 历史版本1）将下载的压缩包解压到指定文件夹2）文件说明1）在conf目录下找到nginx.conf文件，打开2）
vue 接口请求地址前缀本地开发和线上开发设置方式
11-20
在Vue.js应用开发中，经常会遇到一个问题：如何根据不同的开发环境（本地开发和线上生产环境）设置接口请求的地址前缀。这个问题的核心在于确保在本地开发时，请求不会发送到线上服务器，而在部署到线上后，请求能...
泛微OA前端开发接口方法和自定义方方法总结注释
06-16
泛微OA是一款企业级的办公自动化系统，其前端开发涉及到一系列接口方法和自定义方法，以实现对工作流、表单、页面等的定制。以下是对这些方法的详细解释： 1. **模板上代码块**：这是最基础的前端开发方式，针对...
500错误码，前端开发遇到的小坑
weixin_42282414的博客
05-22 1万+
500错误码 前端开发 先给大家放一下工程开发中遇到的问题截图： 500错误码的官方解释是： 500服务器内部错误（Internal server error）主要是由于IWAM账号的密码错误造成的。该错误说明IIS服务器无法解析ASP代码，访问一个静态页面试试是否也出现这个问题，如果访问静态页面没问题，那就要分以下几种 情况来分析了： ① 你是否改变过计算机名称。 ② 站点所在的文件目录是否自定义了安全属性。 ③ 安装了域控制器后是否调整了域策略。如果是其中的一种情况，请一一将 改变的参数设置回来看是否
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》052-使用vue-axios请求天气数据
热门推荐
时光隧道
02-05 2万+
在现代 web 开发中，数据的动态获取与展示是提升用户体验的重要组成部分。尤其是在天气应用中，实时获取和展示天气数据，不仅能够满足用户的实用需求，还能为他们提供更好的使用体验。Vue.js 因其简洁的语法和高效的响应式特性，成为了许多前端开发者的首选框架。而结合 axios 这一流行的 HTTP 客户端，我们可以轻松地发送网络请求，获取外部 API 中的数据。本篇文章将为你详细介绍如何使用 vue-axios 发送请求，获取天气数据。
『前端必备』本地数据接口—json-server 详细介绍（入门篇）
zhou139856的博客
07-13 6215
前端必备的本地接口数据之 json-server 详细介绍
前端启动本地服务的四种方法，看完不会你锤我
2401_84103903的博客
04-15 2012
localhost 或 http://127.0.0.1/ - 每个服务都会有一个端口号，nginx默认的端口号是80，访问的时候不填写端口号，默认也是80。移动端访问的时候，需要使用第三种方法进行访问，如果访问的不是index.html，是中文的文件时，手机不能直接使用ip+中文名的方法，需要在电脑上复制下路径，中文乱码以后的地址，建议大家起文件名不要使用中文和数字，尽量使用英文字母。localhost:80 或 http://127.0.0.1:80/ - 添加服务的端口号。端口号都是自动分配的，
『前端必备』本地数据接口—json-server 详细介绍（进阶篇）
zhou139856的博客
07-13 4734
『前端必备』本地数据接口—json-server 详细介绍（进阶篇）
vue项目与后端接口部署到同一域名
新一的博客
08-01 3080
Nginx配置两个地方就行： 先是配置好自己项目的服务,确保自己的项目能运行： location / { root /web/xiangmu/public; // 本地项目的路径 index index.html index.php; } 再是配置接口请求后端： location /api/ { proxy_pass http://192.168.1.1:8000;（后端接口
记一次本地接口能查到数据，前端调用接口查不到数据的问题
qq_46940224的博客
10-18 827
记一次本地接口能查到数据，前端调用接口查不到数据的问题
创建新接口后可能出现的问题以及HTTP请求后常见的响应码
最新发布
weixin_68005668的博客
02-26 851
创建新接口后可能出现的问题以及HTTP请求后常见的响应码提示：以下是本篇文章正文内容，下面案例可供参考出现的问题会有源头和解决方式，不要焦躁静下心可能会有更多的收货哦~以上就是今天我分享的内容，希望可以提供更多的帮助。也希望不断的和大家一起进步。
前台访问接口时无法访问以及访问出错的原因（一点一点加）
DHASA的博客
03-07 4939
1、检出到本地的web工程，启动tomcat访问，前端和后台都不报错，但是就是无法访问，也不报404 500等错误。通过浏览器的检查，说是（该设备或资源(localhost)未设置为接受端口“8080”上的连接。），其实是tomcat的http协议端口没有设置为8080，因为我们的网络访问地址端口在地址栏中写的是8080.修改完成之后要重新启动tomcat，这样对tomcat的配置才能起作用。
前端解决跨域 3 种方法 -对接读卡器时出现跨域问题
工作中遇到问题记录
11-07 792
前端解决跨域 3 种方法 -对接读卡器时出现跨域问题
后端接收时间参数后，时间发生变动：java.util.Date接收参数“2016-12-07T17:13:25.808Z”时为“2016-12-08 01:13:25.808”
weixin_40460171的博客
01-12 462
场景：在一次按时间范围搜索的场景中，使用java.util.Date接收前端参数“2016-12-07T17:13:25.808Z”时，因为"Z"表示0时区，Date在转换时转换为东八区时接收到的数据是“2016-12-08 01:13:25.808”，导致搜索的范围出错。 ...
全面解析Web前端开发API参考文档
API（Application Programming Interface，应用程序编程接口）是指软件系统不同部分衔接交互的接口，对于web前端开发而言，API是连接前端与后端、数据库以及第三方服务的重要桥梁。 **1. 前端API的基本概念** 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值