个人信息更新不成功

Question

在vue工程里面使用了

confirmModify () { // 确认修改
updateUserInfo(this.userInfo).then((response)=> {
alert('修改成功');
}).catch(function (error) {
console.log(error);
});
}

点击后没有更新成功，没有返回错误信息，数据库没有更新。但是我用获取用户信息就可以正常：

getUserInfo () { //请求用户信息
getUserDetail().then((response)=> {
this.userInfo = response.data;
}).catch(function (error) {
console.log(error);
});
},

userInfo: {
username: '',
gender: '',
birthday: '',
email: '',
mobile: '',
image: '',
},

我在http://localhost:8000/docs/#users-update 可以正常更新，请问怎么知道哪里出错了？

Answer 1

bobby 2018-08-20 10:10:49

分析前端源码主要有两步 1. 打开浏览器的console 然后点击看看有没有异常，如果此处有异常就是前端的代码异常，对应修改一下就行了，第二 如果console没有异常，就看看网络请求，然后点击看看网络请求有没有发出去，如果发出去了看看返回是不是正确的， 通过这两步就可以定位前端和后端是否有问题

• 提问者 前端侠 #1

  老师，请问下，vue端的头像上传该如何处理？可以给个简单的例子吗？

• bobby 回复 提问者 前端侠 #2

  https://element.eleme.io/#/zh-CN/component/upload