Vue中axios简单发送请求

axios的安装

//npm方法
npm install axios
//cdn方法
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

get请求

let url = 'https://v1.alapi.cn/api/fanyi'
//第一种方式
axios.get(url,{
    params:{
            q: q,
            to: 'spa'
           }
      }).then(res=>{
          console.log(res)
      })
//第二种方式
axios.get('https://v1.alapi.cn/api/fanyi?q=q&to=spa').then(res=>{
    console.log(res)
    })
//第三种
axios({
   method: 'get',
   url: url
}).then(res=>{
    console.log(res)
})

post请求

//  第一种
axios.post(url,{
        a: 'a',
        b: 'b'
    }).then(res=>{
        console.log(res)
    })
//第二种
axios({
  method: 'post',
  url: url,
  data: {
    a: 'a',
    b: 'b'
  }
});