11前端与后端的连接-前端获取后端数据

StudentInfo.vue

<script>
import axios from 'axios'
export default {
    data() {
        return {
            students: [],
            baseURL: "http://127.0.0.1:8000/"
        }
    },
    mounted() {
        this.getStudents();
    },
    methods: {
        getStudents: function () {
            let _this = this
            axios
                .get(_this.baseURL + "students/")
                .then(function (res) {
                    if(res.data.code === 1){
                    _this.students = res.data.data;
                    }
                    else{
                        _this.$message.error('获取数据失败');
                    }
                })
                .catch(function (err) {
                    _this.$message.error('通信失败');
                })
        }
    }
}
</script>