位置: IT常识 - 正文

前端发送axios请求报错Request failed with status code 500解决方案(前端向后端发送请求)

编辑:rootadmin
前端发送axios请求报错Request failed with status code 500解决方案 1.报错如下

推荐整理分享前端发送axios请求报错Request failed with status code 500解决方案(前端向后端发送请求),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端向后端发送请求,前端发送http请求,前端发送https请求,前端发送ajax请求到后端全过程,前端发送http请求,前端发送http请求,前端发送请求contenttype,前端发送请求contenttype,内容如对您有帮助,希望把文章链接给更多的朋友!

2.因为后端的api是自己使用node+express搭建的后台,然后要求请求头的参数格式为application/x-www-form-urlencoded的参数格式

打开报错请求

发现自己的请求头参数格式没有错误,jwt的身份验证也通过了,然后使用post测试接口,发现没啥毛病,搞了半天(疯狂百度搜索引擎)

 过了一段时间.......................................................................................................................

在终端再次打开自己的请求参数(playLoad),仔细一看,好像发送的参数并不是参数拼接的

前端发送axios请求报错Request failed with status code 500解决方案(前端向后端发送请求)

application/x-www-form-urlencoded格式的form-data表单格式,而是json格式,所以后端就无法接受到前端的参数,就报错了

3.解决方案: 1.qs插件

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。

2.qs安装

在项目中使用命令行工具输入:npm install qs

安装完成后在需要用到的组件中:import qs from 'qs'

qs.parse()和qs.stringify()区别:

qs.parse()是将URL解析成对象的形式

qs.stringify()是将对象序列化成URL的形式,以&进行拼接,并且转化成form-data格式

解决我遇到的问题我使用了qs.stringify()

报错的请求

const { data: res } = await updateUserAvatar(data)

修改后

// const { data: res } = await updateUserAvatar(qs.stringify(data))

可以看到请求成功:

 数据也变成字符串&拼接的格式:

本文链接地址:https://www.jiuchutong.com/zhishi/273815.html 转载请保留说明!

上一篇:在win7中,打开淘宝提示安全证书过期怎么办?(在win7中,打开资源管理器的快捷键)

下一篇:如何纯净地启动系统(电脑怎么纯净启动)

  • 塑料制品开票税率
  • 一个季度超过30万怎么做账
  • 实际发的工资跟个人所得税不一样
  • 企业所得税多缴退税规定
  • 存款利息收入需要缴纳所得税吗
  • 资本公积可以随时撤出来吗
  • 固定资产40%部分能抵即征即退项目吗
  • 残疾人就业保障金征收使用管理办法
  • 企业所得税借款费用
  • 赊销固定资产会计科目
  • 银行汇票怎么填写
  • 期末调汇的会计科目
  • 法院拍卖土地欠土地使用税
  • 单位老房子拆一补一,而外的面积开发商怎么算价格
  • 三栏式明细账适用于哪些账簿
  • 3个点的发票有哪些
  • 单位旧电脑处置
  • 自产自销税点
  • 水利基金按含税还是不含税申报
  • 房地产企业有投资性房地产吗
  • 高新企业减免所得税政策
  • 购买食堂餐具开票怎么开
  • 转登记日下期指的是什么
  • 挂靠公司代收入税金如何做分录?
  • 收到未知款项如何做账
  • 子公司向母公司借款
  • 电子商务企业类别有哪些
  • 出口报关和不报关的区别
  • 利息收入记账凭证格式范本
  • 递延资产摊销计算公式
  • 社保基数如何计算单位和个人承担多少
  • linux虚拟机在哪里输入命令
  • windows 10 版本 21h1
  • win11绿屏是什么原因
  • 怎么获得win10纯净版
  • 劳务资质办理需要什么条件
  • php数据结构
  • 为什么生产工人还要求本科
  • 零售业如何盈利
  • php操作excel
  • yii2框架从入门到精通
  • php命令大全
  • electron开发的应用程序
  • 征税对象的具体项目
  • 研发费用的会计处理方法
  • 应付票据是供应商往来吗
  • Packaging a Qt application
  • 如何对php网站页面进行修改
  • 增值税无票收入税率变了
  • 未发工资怎么办
  • 免税农产品范围目录的文件
  • 跨年度少计提的企业所得税
  • 企业哪些进项税抵扣
  • 建筑施工仪器设备有哪些
  • 酒店客房收入会计分录
  • 付款凭证怎么写样本
  • 公司注销帐务怎么处理
  • 民办学校学费收入
  • mysql中索引的使用
  • mysql连接数 是针对db还是服务器
  • windows7 ip地址冲突
  • win7系统开机后黑屏只有鼠标指针可以移动
  • Windows Server 2008网络中禁止迅雷下载
  • win7装vmware
  • VMware10安装Windows server2012
  • xp电脑注册表怎么打开
  • Linux Kernel 4.10第5个候选版本RTM版发布 2月12日发布正式版
  • yum下载已安装的包
  • win7系统垃圾手动清理
  • win7旗舰版磁盘清理
  • win7小技巧
  • win7的注册表在哪里打开
  • unity之血瓶金币的生成
  • 修改cmd中显示的用户名!
  • unity3d如何导入图片
  • python各种函数
  • node解决跨域
  • js复制对象的方法有哪几种
  • 移动退订业务怎么恢复
  • 怎么算税额和单位税额
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设