vue http请求 报错 415 ；400

http 返回 415： 

content-type 问题 ，改为json 即可

// 请求超时 请求头
axios.defaults.timeout = 10000
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

http 返回 400 ：

POST http://localhost:8001/users 400
:8080/#/:1 Uncaught (in promise) undefined

 

400错误为 前后台接口字段没有对应上   ，

在net work中查看发现：

{"timestamp":1578295334514,"status":400,"error":"Bad Request","exception":"org.springframework.http.converter.HttpMessageNotReadableException","message":"JSON parse error: Unrecognized token 'phone': was expecting ('true', 'false' or 'null'); nested exception is com.fasterxml.jackson.core.JsonParseException: Unrecognized token 'phone': was expecting ('true', 'false' or 'null')\n at [Source: java.io.PushbackInputStream@32e961bc; line: 1, column: 7]","path":"/users"}

还来查看自己的封装的post方法 ，发现对data传参进行了序列化，：

直接修改为 params即可。

还有 （in promise ）undefined  查看自己的封装的post请求：

/** 
 * post方法，对应post请求 
 * @param {String} url [请求的url地址] 
 * @param {Object} params [请求时携带的参数] 
 */
export function post(url, params) {    
    return new Promise((resolve, reject) => {         
        axios.post(url, QS.stringify(params))        
        .then(res => {            
            resolve(res.data);        
        })        
        .catch(err => {            
            reject(err.data)        
        })    
    });
}

在调用时候，只定义了 res=》  ，没有 err=> 参数

 应该为：

login(this.user).then(res => {
                        log.info('登录成功')
                        // this.$router.push('/dosomething/sport')
                        this.$Message.info('登录成功')
                    },error=>{
                        log.error('..error')
                    })