axios请求方法为post注意的地方

146 阅读1分钟

设置content-type

最近几天使用axios遇到过一个问题,好几天了一直都没有解决,就是axios使用post方法调用接口一直显示不成功,缺乏相关参数,终于在今天解决了。


        this.$axios({
          method:"post",
          url:"?m=users&a=getCode",
          headers:{
            "Content-Type":"application/x-www-form-urlencoded"
          },
          data:qs.stringify({
            accesstoken:"8a3aefca306e30d3axxxxx",
            phone:this.registerDataForm.phone
          })
        }).then(res=>{
          console.log("获取验证码的返回值:::>>>",res);
        },err=>{
          console.log("err:::>>>>",err);
        });
        

如果接口是php参数序列化

序列化用的是 qs


import qs from "qs";

axios使用get方法注意点

如果使用的是get方法,那么传递参数时使用的属性是params


      this.$axios({
        url:"?m=experience&a=login_pc",
        params:{
          "accesstoken":"8a3aefa3c06e30d3axxxx",
          "cus_address": parseInt(this.registerDataForm.shenfengValue),
          username:this.registerDataForm.name,
          url_info:"1",
          source:1,
          is_plan:2,
          vcode:this.registerDataForm.phoneCode,
          operation:1,
          site:1,
          phone:this.registerDataForm.phone
        }
      }).then(res=>{

        console.log("res:::>>>>",res);

      });