Vue3基础(十qi)___安装使用axios

下载axios

npm i axios --save

引入main.js

下面标注 1==》2

import {
    createApp } from 'vue'
import App from './App.vue'
import './index.css'
import axios from 'axios'  //1  引入
import {
    createRouter, createWebHashHistory } from 'vue-router'
const HelloWorld = () => import("./components/HelloWorld.vue")
const home = () => import("./components/home.vue")
const router = createRouter({
   
    history: createWebHashHistory(),
    routes: [{
    path: '/hellow', component: HelloWorld }, {
    path: '/', component: home }],
})
let app =createApp(App)
app.config.globalProperties.$axios = axios  //2  挂载全局
app.use(router).mount('#app')

使用axios

import {
    onMounted, getCurrentInstance} from "vue";
      const {
    proxy:{
   $axios} } = getCurrentInstance()
      $axios.get("http://localhost:3000/login").then((res) => {
   
        console.log("axios===", res);
      });

getCurrentInstance这个函数是vue 解构出来的API,调用返回一个对象，从这个对象中解构出来proxy，再从proxy中解构出来$axios，这个时候我们就可以在页面上使用了~

data中是的后端的返回值~~~