Vue3引入并使用axios

第一步：安装

npm i axios -S

第二步：添加

在main.js中添加

import axios from 'axios'

第三步：注册

在main.js进行全局注册

app.config.globalProperties.$http=axios

第四步：指定请求头

在main.js中添加

axios.defaults.baseURL = 'url(你服务器的)'

第五步：引用

在组件内使用

import {onMounted,getCurrentInstance} from 'vue'

const internalInstance=getCurrentInstance()

const http=internalInstance.appContext.config.globalProperties.$http

第六步：完善

异步网络请求，将Promise对象展示为真实对象

 const valid=()=>{

        loginForm.value.validate(async valid=>{

            if (!valid) {

                return ;

            }

            const result=await http.post("login",info)//参考后端给你的api接口文档

            console.log(result);

        })

     }

第二种：过滤

 const valid=()=>{

        loginForm.value.validate(async valid=>{

            if (!valid) {

                return ;

            }

            const {data:res}=await http.post("login",info)//解构并重命名

            if (res.meta.status!==200) {

                console.log('登录失败');

            }

        })

     }