1、更新的是用户头像,我再这里找一找
2、请求的方式叫做PATCH
3、理所当然,我还得带上token,告诉后台我是谁
4、弄好之后,你也可以提前看一下,他返回的响应
5、写一个更新用户用户头像的API方法:接下来,我们调用,我们统一的axios函数,看请求地址,我们来到,接口文档
6、这里token,我们能不能上传
7、body体就一个avator选项,就传一个字符串
8、只需要一个参数,就不用解构赋值了
9、参数的写法
10、我们先把方法请过来
11、这个是为了点击,文件选择窗口,这里是用户选择文件,我们来接收结果
12、接着用户点击这个按钮,就可以实现点击头像
13、绑定一个点击事件
14、uploadFn叫做上传
15、这里要的是一个base64的字符串
16、请求传参结束,然后打印一下结果
17、我们看一下后台返回的数据,提示你后台更新成功了,我还要通过后台的keyValue的值来进行一个判断
18、不等于0,证明后台数据是有问题的,现在我要提示消息,表示反馈错误
19、成功之后,也给他一个更新用户头像成功的消息
20、接下来,我们把头像给改一下,他的头像地址究竟改在哪里呢?
21、我如何让Vuex让他更新一下呢?前面我们保存到了用户名,让他传给了后台
22、我们调这个axios,让Vuex重新获取一下这个axios,里面让Vuex请求一下后台
23、最后,我们git,进行提交一下就行