cnpm i axios -S
复制代码

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
// 导入axios
import axios from 'axios'
// 设置默认baseURL
axios.defaults.baseURL='http://localhost:2345'
// 创建vue3实例
const Vapp = createApp(App);
// 启用router插件
Vapp.use(router)
// 配置vue启用axios
Vapp.config.globalProperties.$axios = axios
// 挂载
Vapp.mount('#app')
复制代码

<template>
  <h1>这里是mydemo</h1>
  {{ info }}
  <h1>{{ infos }}</h1>
</template>
<script>
  export default {
    data() {
      return {
        infos: [{id:1,name:'phyger'}],
        info: "hello vue..."
      }
    },
    mounted() {
      this.showinfo();
    },
    methods: {
      showinfo(){
        this.$axios.get('/test/info')
        .then(response=>{
          this.infos=response.data;
          console.log(response);
          console.log(this.infos);
        })
        ,err=>{
          console.log(err);
        };
      },
    },
  }
</script>
<style>
</style>
复制代码