Vue_Demo/20_脚手架/vue_code/19.src_Vue-Cli配置代理/App.vue

<template>
  <div id="root">
    <button @click="getStudents">获取学生信息</button><br/>
    <button @click="getCars">获取汽车信息</button>
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "App",
  methods: {
    getStudents() {
      axios.get('http://localhost:8080/stu/students').then(
          response => {
            console.log('请求成功了', response.data)
          },
          error => {
            console.log('请求失败了', error.message)
          }
      )
    },
    getCars() {
      axios.get('http://localhost:8080/car/cars').then(
          response => {
            console.log('请求成功了', response.data)
          },
          error => {
            console.log('请求失败了', error.message)
          }
      )
    }
  }
}
</script>