vue2中安装和使用axios

最新推荐文章于 2024-06-28 21:10:44 发布

小脑斧ai吃肉

最新推荐文章于 2024-06-28 21:10:44 发布

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/weixin_44747173/article/details/125983262

版权

vue2中安装和使用axios

安装axios：npm i axios
使用App.vue：

<template>
  <div>
    <button @click="getStudentmsg()">获取学生信息</button>
    <button @click="getCarmsg()">获取汽车信息</button>
  </div>
</template>

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

<style>

</style>