前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >已解决,关于axios post请求出现500 错误

已解决,关于axios post请求出现500 错误

作者头像
Alone88
发布2019-10-22 18:05:34
14.9K0
发布2019-10-22 18:05:34
举报
文章被收录于专栏:Alone88Alone88

ajax axios 请求 headers accept

axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

axios post请求返回500

最近想用Vue+element+axiox做个小东西,但是用axios 使用post请求API时,一直返回500错误, Content-Type,和Accept 都设置了但是一直返回500,用postman工具请求的话是正常的, 最后用jq 的ajax请求,也是可以正常请求数据的。然后通过network 查看jq ajax 看headers,里面的参数Content-Type和Accept 放到axios请求参数里面,再用axios请求竟然还是500...

jq ajax 的headers 和axios 都是一样的,jq可以正常请求,就是axios会500...

QQ截图20190419215947.png
QQ截图20190419215947.png

未找到解决方法,除非用jq的ajax或者fetch

解决方法

需要引入:URLSearchParams

代码语言:javascript
复制
var params = new URLSearchParams();
params.append('key', 'value');

axios.post(url, params)
.then(function(res){
  console.log(res);
})
.catch(function(err){
  console.log(err);
});

URLSearchParams IE11 才支持
所以需要引入一个js
https://cdn.bootcss.com/url-search-params/0.10.0/url-search-params.js

目前流行的api请求

jq的ajax 原生的fetch axios

本文由 Alone88 创作,采用 知识共享署名4.0 国际许可协议进行许可 本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名 最后编辑时间为: Apr 20, 2019 at 11:00 am

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • axios
    • axios post请求返回500
    • 解决方法
    • 目前流行的api请求
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档