位置: 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中,打开资源管理器的快捷键)

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

  • 税务局退回个税会计分录
  • 二手房交易税费2023新规定
  • 合并报表会计未分配利润怎么填写?
  • 其他应收款审计说明怎么写
  • 对公账户汇款方式
  • 运输公司支付的运输费计入什么科目
  • 合同租金总收入怎么填
  • 月初结存材料成本差异
  • 旧的固定资产销售怎么算税
  • 承兑多付了退现金网银备注什么
  • 土地出让金进项税税率
  • 免税企业如何做年终汇算清缴
  • 进项发票当月不抵扣怎么入账
  • 用公户付了一笔款怎么办
  • 收入成本以前年度损益调整账务处理是怎样的?
  • 咨询服务费怎么结转成本
  • 出口退税销项税额计算公式
  • 营改增后取得土地转让
  • 公司有出账没有进账怎么办
  • 2018年业务宣传费与广告费税前扣除标准及依据
  • 某企业2016年年末经营资产总额为4000万元
  • 增值税税率如何计算
  • 房企行业其他应收账款的来源是什么
  • 企业向个人赠送礼品
  • mac安装windows不能用键盘
  • 在建工程进项税可以抵扣吗
  • 收到法院的案件款应该怎么做帐
  • 哪些发票内容可以抵税
  • 摊销租赁费属于什么费用
  • root怎么开oppo
  • 系统win7旗舰版
  • 补缴税款怎么补
  • 未按规定开具发票怎么处罚
  • 货物运输业的增值税税率
  • 在海洋里游泳
  • 未担保余值是谁承担
  • 皮丘拉湖畔的乌代布尔城市宫殿,印度 (© Chaiyun Damkaew/Getty Images)
  • Vue2 Element description组件 列合并
  • 金融企业贷款损失税前扣除
  • discuz去除底部
  • 弥补以前年度亏损怎么算
  • 帝国cms会侵权吗为什么
  • 改造后的固定资产入账价值
  • Monaco-editor的JSONSchema配置及使用介绍
  • sql防御
  • 收到境外服务费会计分录
  • 销售提成缴税
  • 会计核算方式有几种
  • 给保安买大衣算贿赂吗
  • 递延所得税如何理解
  • 预交税会计分录
  • 公司在建厂房图片大全
  • 政府会计工资代扣工会会费
  • 咨询服务费如何合理避税
  • 服务费的进项发票怎么做分录
  • 绿化补偿标准
  • 成本核算方法有哪几种
  • 公司私营企业
  • 工业企业固定资产折旧年限
  • linux使用pip
  • 如何解决笔记本电脑温度过高 蓝屏
  • win10磁盘占用100%卡死
  • winxp显示设置
  • a4腰多大
  • linux系统稳定
  • cocos2d教程
  • shell 输出
  • nodejs webp
  • 获取磁盘失败代码0-0
  • python 控制台交互
  • [置顶]星陨计划
  • listview subitems
  • js模块化框架
  • 即将发布的新能源汽车
  • js实现带搜索功能的下拉菜单
  • javascript基于什么的语言
  • 百旺金赋跨月专票作废
  • 税务登记证办理
  • 免征船舶吨税的范围
  • 临时增版
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设