控制台报400、500内部服务器错误是什么原因?怎么解决?

控制台报400、500内部服务器错误是什么原因?怎么解决?

状态码为400时

显示Bad Request,此时你可以看一下你的控制台->网络部分 -> 数据返回是不是后端要求上传的数据格式,我之前一直是数据载荷格式,即默认的json格式,而后端要求我传输fromdata格式,因此报400,可以在请求接口函数中添加:

headers: {
      'Content-Type': 'multipart/form-data'
    }

举个例子:处理登录业务时:

// 登录接口
export function login(data) {
  return request({
    url : '/login',
    method:'post',
    data,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
}

状态码为500时

前几天做了一个项目,登录时每次都报500,一直找了好几天的bug,百思不得其解,下面我将从http状态码的产生原因、解决思路和解决方法做一个总结:
产生原因:

  1. 服务器端的原因,即后端的原因,因为看到这个文章的大概都是前端的小伙伴,所以后端解决方法在此不再赘述。
  2. 而我做的项目的后台接口用postman可以测试成功,并能够返回数据,所以我确信是我在前端出了问题。

前端可能产生原因及解决方法

  1. 清除缓存,并删除Cookie,之后强制刷新一下浏览器,重新启动浏览器。

    即:把它作为一个504的错误。
    500内部服务器错误是不经常涉及到缓存问题,但它是可能的,有时你清除浏览器缓存和Cookie后,问题将被解决。
    这并不是说你需要很高的技术知识的东西。
    在谷歌浏览器,你可以通过下面的下面的步骤清除缓存和Cookie。
    1)按Ctrl+Shift+Delete键。
    2)你会得到一个窗口以清除浏览数据,确保复选框被选中。
    3)点击按钮“清除浏览数据”。

  2. **你的axios版本出了问题!**而我就是这个原因,我当时是直接npm下载的axios,并没有指定版本号,默认下载零点几的版本,有时会和后端接口不适配,需要修改

npm i axios@1.1.3

这样你应该就可以解决问题了,如果仍然报错,欢迎留言或者直接私信我,如果该文章对你有帮助,可以关注一下。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

左丘超然

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值