Axios发送get、post、delete请求

• 第一步先要安装Axios,这个就不多赘述了(使用npm安装就行了)
  好了后,找到src/main.js,添加以下代码,因为我这里向后端传的参数要用json格式, 所以直接在这里定义application/json

import axios from 'axios'
axios.defaults.headers.post['Content-Type']='application/json'
Vue.prototype.axios=axios

• Get请求

this.axios.get("http://....").then(
        (result) => {
          console.log(result);//打印我们拿到的数据
          //这里接收成功的数据
          var res = result.data.data;
          //  res[length-1].state=res[length-1].state?'成功':'失败'
          console.log(res);
          this.data = res;//这里数把拿到的数据存在本地data中了
          for (let i = 0; i <= this.data.length; i++) {
            this.data[i].state = parseInt(this.data[i].state) ? "成功" : "失败";
          }//对拿到的数据做了一些处理
        },
        (result) => {
          console.error(result);
        }
      );

• Post请求
  使用post请求向后端传递参数

this.axios
        .post("http://......", this.condition)//这里的this.condition是传递的参数,可以更换
        .then((res) => {
          console.log(res);//打印拿到的数据
          var result = res.data.data;//将所需数据存入ressult变量
          this.data = result;//存入本地data
          for (let i = 0; i <= this.data.length; i++) {
            this.data[i].state = parseInt(this.data[i].state) ? "成功" : "失败";
          }
        })
        .catch((err) => {
          console.log(err);
        });

• Delete
  Delete一般用于删除某些东西
  我这里用来删除用户,使用拼接字符串传参

 let a = this.formInline.id;//拿到要删除的用户id保存为a,以便下面拼接
 this.axios.delete(this.url + `${a}`).then(//this.url是我在上面定义的一个固定的url
        (result) => {
          console.log(result);
          if (result.data.code === 200) {
            this.$message({
              showClose: true,
              message: "成功删除该用户",
              type: "success",
            });
            this.getdata();
          }
        },
        (result) => {
          console.error(result);
        }
      );