黑马模板网专注企业网站模板制作，包括企业pbootcms网站模板，静态网页模板，网站源码下载，HTML网站模板等等。
免责声明：本站所有资源(模板、图片)搜集整理于互联网或者网友提供，仅供学习与交流使用，如果不小心侵犯到你的权益，请及时联系我们删除该资源。
main.js
//引入Vue
import Vue from "vue";
//引入App
import App from './App';
//关闭Vue的生产提示
Vue.config.productionTip = false;
new Vue({
el: '#app',
render: h => h(App),
});
App.vue
<template>
<div>
<button @click="getStudents">获取学生信息</button>
<button @click="getCars">获取汽车信息</button>
</div>
</template>
<script>
import axios from 'axios';
export default {
name: "App",
methods:{
getStudents(){
axios.get('/api/students') //其实这里就是请求http://localhost:8080/students只不过把请求转移给了端口5001
.then(res => console.log(res.data))
.catch(e => console.log(`msg: ${e.message}, stack: ${e.stack}`));
},
getCars(){
axios.get('/demo/cars') //同理
.then(res => console.log(res.data))
.catch(e => console.log(`msg: ${e.message}, stack: ${e.stack}`));
}
}
}
</script>
