axios catch错误

Question

    this.axios({

      method: 'POST',

      url: URL,

      data: {

        "mobile": tel,

        "auth_code": code,

        "lngLat": this.lngLat,

        "regSource": 'H5',

        "frc": "H5",

        "ref": this.ref

      },

      headers: {

        'appId': config.config.APPID,

        'token': this.token

      }

    })

      .then(function (response) {

        console.log(response)

      })

      .catch(function (error) {

        console.log(error)

      });

      

      

      console.log(error)里边输出

      

      

    Error: Request failed with status code 400

    at createError (createError.js?16d0:16)

    at settle (settle.js?db52:18)

    at XMLHttpRequest.handleLoad (xhr.js?ec6c:77)

    at _this.(anonymous function) (chrome-        extension://jegnjmcegcpodciadcoeneecmkiccfgi/enablecrossorigin.js:81:55)

    

    

    这样写哪里错了吗，为什么catch(err)啊

Answer 1

post 的data 要 JSON.stringify(bodyData)

Answer 2

楼上说的很对,主要看后台要求post请求可以接受什么数据,axios中post默认请求数据格式是application/json,如果后台不支持可以设置请求头格式在config配置headers: {'X-Requested-With':'XMLHttpRequest'},格式化数据并引入axios里面内置的qs,不需要重新下载import qs from 'qs'this.axios({      method: 'POST',      url: URL,      data: qs.stringify({        "mobile": tel,        "auth_code": code,        "lngLat": this.lngLat,        "regSource": 'H5',        "frc": "H5",        "ref": this.ref      }),      headers: {        'appId': config.config.APPID,        'token': this.token,        'X-Requested-With':'XMLHttpRequest'      }    })

Answer 3

语法格式错误，估计传的参数和服务端要求的不一致造成的。

Answer 4

axios拦截器里面，设置content-type了吗？后台接收content-type:application/json;还是application/x-www-form-urlencoded或者别的，400后台应该是都没收到你的请求