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后台应该是都没收到你的请求