Ajax获取数据

this.axios({
          headers:{
            'Content-Type': 'application/x-www-form-urlencoded'
          },
          url:`${this.$api}接口的地址?id=${e}`,
          method: 'GET',
          data
        }).then((res) => {
          console.log(res)
          this.$message({
            message:'删除成功',
            type:'success'
          })
          this.addVisible = false
          // window.location.href = window.location.href
          location.reload(true)
        })

这是get方法的删除数据

url:写接口的地址

$api:在vuex中的main.js中;

Vue.prototype.$api = 'http://192.168.200.9'

使用这种方法可以在接口地址改变的时候只需修改这一个地址

---

addsave () {
      // 需要提交的数据
      let data = {
        address: this.revise.address,
        title: this.revise.title,
        phone: this.revise.phone,
        start: this.revise.start
      }
      this.axios({
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        },
        url: `${this.$api}接口地址`,
        method: 'POST',
        data
      }).then((res) => {
        console.log(res)
        console.log(data)
        if (res.data.status) {
          this.$message({
            message:'新增成功',
            type:'success'
          })
          this.addVisible = false
          location.reload(true)
        } else {
          this.$message({
            message: '新增失败',
            type:'info'
          })
          this.addVisible = false
        }
      })
    }

这是post提交数据的方法