axios取消请求

 let btns= document.getElementsByTagName('btn');
    let cancel = null;
    btns[0].onclick = function (){
    
    
      if(cancel !== null){
    
    
        cancel();
        //检测上一次的请求是否完成，如果未完成则取消请求
      }
      axios(
        {
    
    
          method: 'GET',
          url: 'http://localhost:9000/posts',
          cancelToken : new axios.CanselToken(function (c){
    
    
            cancel = c;
          })
        }
      ).then(response=>{
    
    
        console.log(response);
        cancel = null;//初始化Cancel
      })
    }

axios.get(‘/adata')
       .then(ret=>{
    
    
          // data属性名称是固定的，用于获取后台响应的数据
          console.log(ret.data)
       })

.query方式传参和接收参数

传参: 
this.$router.push({
    
    
        path:'/xxx'
        query:{
    
    
          id:id
        }
      })
  
接收参数:
this.$route.query.id

通过url传递参数

 axios.get(‘/adata?id=123')
       .then(ret=>{
    
    
          console.log(ret.data)
       })

query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示
传参是this.$router,接收参数是this.$route,这里千万要看清了！！！