axios中get的用法

  //配置 baseURL

axios.defaults.baseURL = 'http://127.0.0.1:8001';

axios.get("/axios-server",{id:1}).then(

                res=>{

                    console.log(res.data);正常回调

                },

                error=>{

                    console.log(error);异常回调

                }

            )    

axios中post的用法

//POST主要是参数写法不一样
        axios.post("/axios-server",{id:1})
            .then(function (value) {
                //正常成功回调函数
                alert(value.data);
            })
            .catch(function (reason) {
                //异常回调函数
                alert(reason);
            });

  async作为一个关键字放到函数前面
    async function queryData() {
  // await关键字只能在使用async定义的函数中使用  await后面可以直接跟一个 Promise实例对象
      var ret = await new Promise(function(resolve, reject){
        setTimeout(function(){
          resolve('hello')
        },2000);
      })
      // console.log(ret.data)
      return ret;
    }
    //任何一个async函数都会隐式返回一个promise   我们可以使用then 进行链式编程
    queryData().then(function(data){
      console.log(data)
    })

    async    函数处理多个异步函数
    axios.defaults.baseURL = http://127.0.0.1:8001';

    async function queryData() {
  // 添加await之后 当前的await 返回结果之后才会执行后面的代码 
      var info = await axios.get('async1');
      var ret = await axios.get('async2?info=' + info.data);
      return ret.data;
    }

axios.get("/axios-server",{id:1}).then(
                res=>{
                    console.log(res.data);
                },
                error=>{
                    console.log(error);
                }
            )    
            try{
                const res = await axios.get("/axios-server")
                console.log(res.data);
            }
            catch(e){
                console.log(e);
         //因为await只能返回正确的信息  所以要用try catch去过去错误信息
            }   
        }