1.标签准备和数据铺设
创建接口方法,并调用,并对其进行数据铺设
2.退出登录
哪里使用就在哪里注册
退出包括主动退出和被动退出,用户点击退出并且确定后,清除了token,强制replace切换登录页,而被动退出,后台返回401错误,响应拦截器发现401状态,强制退出,此时身份过期
3.个人中心---修改图像----发文件给后台
点击头像出现文件选择器--->获取文件对象---->上传图片文件对象,表单给后台 1.点击选择图片----change事件
2.将用户选择的图片发送给后台
流程:图片文件以表单的形式传递给后台---->接收图片保存到服务器文件夹下,并返回此图片的url地址---->把接口调用返回数据里新的图片地址,赋予给img标签上---->img标签的src本质上又会去单独去请求图片,显示图片在img标签上 请求体:contentt-Type类型
----->application/json,axios携带的,前提:data请求体是对象->json字符串->发给后台
----->multipart/form-data,浏览器携带的,前提:data请求体必须是表单FormData类型数据 接口:
外部传进来的必须是表单数据
新添加表单元素
表单知识补充:developer.mozilla.org/zh-CN/docs/…