利用axios发post请求,传参方式不对无法返回结果?

发布于 2022-09-11 19:19:48 字数 426 浏览 14 评论 0

利用axios发post请求,这种传参方式就无法返回结果

   this.$axios.post('/annotation/images/upload', {
         imgBase64: mycanvas.toDataURL('image/png'),
          filename: `${annotationId}.png`
    })

用这种写法就可以返回为什么?

   var params = new URLSearchParams();
        params.append('imgBase64', mycanvas.toDataURL('image/png'));
        params.append('filename', `${annotationId}.png`);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

﹏半生如梦愿梦如真 2022-09-18 19:19:48

因为Request Header中Content-Type: application/x-www-form-urlencoded;charset=UTF-8,在这种默认情况下axios将javaScript中的对象序列化为json,有两种方式:
1.在浏览器中,可以URLSearchParams按如下方式使用API:

var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);

2.利用qs库进行编码:

  import qs from 'Qs'
  this.$axios.post('/annotation/images/upload', qs.stringify({
          imgBase64: mycanvas.toDataURL('image/png'),
          filename: `${annotationId}.png`
        }))
var qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 }));

可以参考
axios-npm

axios提交post请求的三种方式

彩扇题诗 2022-09-18 19:19:48

你们后台不支持传json,URLSearchParams参数序列化

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文