vue.js axios的使用

首先安装 ：npm install axios --save

vue源码：

<script>

import axios from '@/axios'               //导入axios                 

export default {

    data() {

        return {

           List:[],             //返回的数据

        };

    },

    mounted() {

        this.getList();       //刷新页面自动调用这个方法

    },

    methods: {

        getList: function() {           //定义方法

            axios({

                method: 'post',                       //请求方式是post

                url: '/basic/user/getListByData',      //这是后台的接口

                data: {                                        //向后台传送的数据，传送的数据要传送后台需要用的数据

                    data1: value,

                    data2: value,

                    data3: value,

                }

            }).then(res => {

                if (res.data.status == "OK") {                  //如果后台接口响应成功

                    this.List = res.data.data.list;      //获取后台返回的数据并赋值给list，我获取的是一个数组，

                                                                     //res.data.data.list：这个随自己的数据不同而改变，不是固定的

                    console.log(this.List);              //在控制台打印

                }

            });

        },

    },

};

</script>

 

获取的输入如图打印在控制台：