vue axios封装问题

飛翔dē鳥
  • 19

1/ axios.js 文件

export function post(url,data){
    return new Promise((resolve,reject) => {    
        axios.post(url,data)
        .then(response => {
            resolve(response.data);
        },err => {
            reject(err)
        }).catch(err => {
            reject(err.data)
        })
    })
}

2/ login.vue 文件

methods: {
            submitForm(formName){
                this.$refs[formName].validate((valid) => {
                    if(valid) {
                        this.post('',{
                            username: this.loginForm.username,
                            password: this.loginForm.password 
                        })
                        .then( res=>{
                            console.log(res)
                        })
                    }else{
                        console.log('Error Submit!!')
                    }
                })
            }
        },

为什么得出来的登录结果是:

clipboard.png


而正确的应该是:以下这个的.

clipboard.png


请问问题出在哪了呢?应该要怎么解决呢?

评论
阅读 414
2 个回答

修改请求头 'Content-Type': application/json;charset=UTF-8

axios默认传参是params下赋值,而post是要用data接收的

this.$axios({
    method: 'post',
    url:url,
    data:params
}).then((res)=>{
    
});
宣传栏