vue3引入axios
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
}
);
更多推荐
已为社区贡献1条内容
所有评论(0)