安装

axios可以通过npm安装引入

npm install axios --save

引用

我习惯在main.js里面引用

//在main.js里面引用
import axios from 'axios'
Vue.prototype.axios = axios;
 
new Vue({
    axios,
    router,
    store,
    render:h=>h(App)
}).$mount('#app')

方法

get方法

<script>
    export default{
        data(){
            return{
                
            }
        },
        methods:{
            //没有参数的情况
            getData(){
                this.axios.get('demourl').then(res=>{
                    console.log(res)
                }).catch(error=>{
                    console.log(error)
                })
            },
         
        }
    }
</script>

post方法

<script>
    export default{
        data(){
            return{
                params:{
                    id:1,
                    size:10
                }
            }
        },
        methods:{
            //情况1，调用本地对象
            postDataByBody(){
                 this.axios.post('/system/menu',this.params).then(function (response) {
                    console.log(response);
                  }).catch(function (error) {
                    console.log(error);
                  });
            }
            //情况2，通过封装出一个对象
            postDataBySetBody(){
                 let params= {
                    id:1,
                    size:12
                 }
                 this.axios.post('/system/menu',params).then(function (response) {
                    console.log(response);
                  }).catch(function (error) {
                    console.log(error);
                  });
            }
        }
    }
</script>