vue中axios请求payload的暴力解决方案

  去年公司做了一个小程序商城项目，运营了一段时间决定再次开发一个H5商城，用于微信好友之间的分享以及app内的嵌套，于是便开了一个vue项目，接口大多都是复用小程序的。

  在做项目的过程中本人遇到一个由axios导致的问题——后台接口拿不到请求的参数。因为接口都是之前写好的，并且小程序运行正常，便没有去让后台查看，决定自己找出解决方案。打开浏览器查看参数发现axios的参数是这样子的。

  首先我解释下我们这个奇葩的参数。（其实网上有两种解决方案，但是由于这个参数，那两种方案都不能使用，我才不得不使用第三种暴力解决方案，下面会讲到。）我们的这个接口的参数goodsId的值是一个json字符串，该json里的key表示店铺id，而值则是一个数组，数组里面是商品id与数量的键值对。这种方法很奇葩，但是当时脑子抽了和后台一拍板就这么定了，现在想改也晚了。

  那么想找出问题，我就要知道这个请求与小程序请求有什么不同，于是打开小程序，可以看到如下图。