vue3引入axios

在main.ts中引入并挂载到全局

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/css/global.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import axios from 'axios'
// 设置基础访问路径
axios.defaults.baseURL='https://127.0.0.1:8080/bms/management'

const app=createApp(App)

app
  .use(store)
  .use(router)
  .use(ElementPlus)
  .mount('#app')

app.config.globalProperties.$axios = axios

在.vue文件中使用方法

import { onMounted, ref, reactive, getCurrentInstance, watch, inject } from 'vue';
const { proxy }=getCurrentInstance();

//post
let res=await proxy.$axios.post(
    '/addFileData',
    { 
        user, 
        token, 
        addDataForm, 
        breadname: props.breadname 
    }
);

//get
let res=await proxy.$axios.get(
    '/getTablesTotal',
    {
        params: { 
            search:that.search, 
            breadname:props.breadname, 
            user:that.user, 
            token: that.token 
        } 
    }
);

//delete
let res=await proxy.$axios.delete(
    '/deleteAlreadyUploadFile',
    { 
        params: { 
            tid:uploadFile.id, 
            breadname: props.breadname, 
            user, token, 
            filePath:uploadFile.url
        } 
    }
);

//put
let res=await proxy.$axios.put(
    '/updateFileData',
    { 
        user, 
        token,
        addDataForm,
        breadname: props.breadname 
    }
);