<template>
    <div class="app">
        <button @click="getStudents">获取学生信息</button>
        <button @click="showCars">获取汽车信息</button>
    </div>
</template>

<script>
    import axios from 'axios'
    export default {
        name: 'App',
        methods: {
            getStudents() {
                axios.get('http://localhost:8080/atguigu/students').then(
                    response => {
                        console.log('请求成功', response.data);
                    },
                    error => {
                        console.log('请求失败', error.message);
                    }
                )
            },
            showCars() {
                axios.get('http://localhost:8080/demo/cars').then(
                    response => {
                        console.log('请求成功', response.data);
                    },
                    error => {
                        console.log('请求失败', error.message);
                    }
                )
            }
        },


    };
</script>

点击事件，报了500。表示服务器错误。

解决方案

找到写好的服务器，启动服务器即可。


数据完美获取。