vue Axios 使用及注意点

1、使用npm安装

npm install axios

使用 cdn：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 2、引用

import Axios from 'axios' //引用

Vue.prototype.$axios=Axios; //将Axios挂到Vue原型上

3、GET请求

    this.$axios.get("http://www.wwtliu.com/sxtstu/blueberrypai/getIndexBanner.php",{
      params:{
        type:'参数'
      }
    })
    .then(res=>{
      consoe.log(res)
    })
    .catch(error=>{
      console.log(error)
    })

4、post请求

 this.$axios.post("http://www.wwtliu.com/sxtstu/blueberrypai/getIndexBanner.php",{
    typs:'参数'
        }  
    )
    .then(res=>{
      console.log(res)
    })
    .catch(error=>{
      console.log(error)
    })

       post请求注意：如果后台接收的数据格式是  form-data格式 : ?name=a&age=20  你需要进行转换

       默认是  x-www-form-urlencoded格式: {name:'a',age:'20'}  这种格式的   

       怎样转换 ：node给我们提供了一个库   qs    我们先将qs引进来

import Qs from 'qs'

 然后：Qs.stringify({转换参数})

 this.$axios.post("http://www.wwtliu.com/sxtstu/blueberrypai/getIndexBanner.php",Qs.stringify(
      {
        typs:'参数'
      }
    ))
    .then(res=>{
      this.msg=res.data.banner
    })
    .catch(error=>{
      console.log(error)
    });