项目课-掌游app新增版本

效果图

需求：在 app 基本信息列表页的操作下拉里点击添加版本按钮后跳转到一个新的 vue 页面，这里涉及到把 appid 带过去，两个 vue 之间相互传递数据的知识点。进到版本页面后根据 appid 查询 app 基本信息和版本列表。

两个 vue 之间传值

a.vue 跳到 b.vue

a.vue 需要做的

toAddVersion(id){

  this.$router.push({path:"/version",query:{id:id}})

},

b.vue 需要做的

let id=this.$route.query.id
console.log(id)

formdata 文件上传

后端

特别提醒：MutipartFile 的名称一定不能跟 AppInfo 里面的属性一样，因为如果有两个 logoPic 的话，它 不知道应该听谁的。

前端 vue

auto-upload 默认是 true 也就是自动提交，而我现在不想让他自动提交我是想让他填写完表单后整体一起提交。所以必须把auto-upload 设置成 false

action 这里就直接写#

on-change 事件：一旦用户选取了文件就会触发这个函数，这个函数怎么写？如下

注意：this.ruleForm.apkFile 对应控制器中的MultiPartFile参数名字，不要对应appinfo实体中的属性名字

前端 js 部分

前端请求拦截器

比如：添加版本的时候，要保存添加者也就是当前登陆者的 id,这个时候就需要从 token 中获取，需要前端发送 axios 请求的时候把 token 用请求头带过来，而这个过程最好是写到前端请求拦截器里（因为这样只写一遍，否则得写 n 遍，因为后端拦截器会校验 token。确保没有非常请求）