使用new出一个对象来解决axios默认请求头的问题

使用new FormData和 new URLSearchParams来解决默认请求头的问题

        let formData = ''
        if (this.classAddCompileVal === '新建班级') {
          formData = new FormData()   //这个请求头默认是 Cont-Type:aapplication/json;charset=utf-8
        } else if (this.classAddCompileVal === '编辑班级') {
          formData = new URLSearchParams() // 这个请求头默认是appliction/x-www-form-urlencoded;chrset=utf-8
        }
        formData.append('name', this.classInfo.className)  // 班级名称
        formData.append('year', this.classInfo.classVal)  // 级的值
        formData.append('grade', this.stageVal)  // 阶段的值

		this.$axios.put(`classes/${this.classID}`, formData).then(res => {
		  console.log(res)
		  if (res.status === 200) {
		    this.$message({
		      message: '编辑班级成功',
		      type: 'success'
		    })
		    this.$emit('close')
		    this.classInfo.className = ''
		    this.classInfo.classVal = ''
		    this.stageVal = ''
		    this.classInfo.belong = ''
		    this.teacher = ''
		    this.teachID = ''
		    this.classID = ''
		  }
		}).catch(error => {
		  this.$message.error('该班级名称已存在!')
		  console.log(error)
		})

以上new出的对象除了append方法还有个我认为会常用的就是delete,就是删除要添加的字段

你可能感兴趣的:(前端)