使用axios向后端传递数据,后端接收不到?

开始使用axios的时候,按照官网的例子请求后端接口,遇到了后端接收不到数据的情况。

翻看了文档也没找到解决方法。先来了解下基本的axios

想要使用axios,需要先安装 npm install axios --save

然后引入  import axiox from 'axios'

接下来就可以使用它跟后端交互了。

get方式的基本用法

                   axios({

                    url:'/',      //这里填后端接口地址

                    method:'get',     //请求方式,默认是get ,可不声明

                    params:{test:'testData'}   //参数,有就填,无则省去   

     }).then(res=>{

       //具体操作

                    console.log(res)

       }).catch(err=>{

                   //异常操作

       })

post方式的基本用法

                   axios({

                    url:'/',      //这里填后端接口地址

                    method:'post',   

                    data:{test:'testData'},   //参数,有就填,无则省去  ,需要注意下,使用post请求,属性要用data ,本来这样是可以了的,但后端需要用json格式,这时还需要加"transformRequest"属性对请求数据进行格式化

                    transformRequest:function(obj) {

                var str = [];
                for ( var p in obj) {
                str.push(encodeURIComponent(p) + "="
                + encodeURIComponent(obj[p]));
                }
                return str.join("&");
              }

     }).then(res=>{

       //具体操作

                    console.log(res)

       }).catch(err=>{

                   //异常操作

       })

到此结束,希望有所帮助。

有任何问题可联系QQ 412606846  微信同号

原文地址:https://www.cnblogs.com/zlfProgrammer/p/8027939.html