axios发送post请求返回400状态码
今天在用 axios 发送一个跨域的post请求时,遇到了一个坑:Uncaught (in promise) Error: Request failed with status code 400。
前台代码如下:
this.$http.post({url:'/v1/assets',data:{name: this.form.name,categoryType: this.form.type,categoryName: this.form.type === "power" ? "电源" : "其他配件",fee: 123.5,factoryId: 1}
而当我在postman上发送post请求时就能成功获得返回数据。困扰了很久,才发现是请求头的问题。
axios请求头的 Content-Type 默认是 application/json
postman默认的是 application/x-www-form-urlencoded。
解决方案:
//用qs解析,jsonToFormaxios.interceptors.request.use(config => {if(config.type == 'formData' || config.method != 'post'){return config}config.data = qs.stringify(config.data)return config}, (err) =>{Message.error({message: '加载超时'});return Promise.reject(err);})
完美解决!撒花