在项目中封装自己的axios
- 在src目录下建立一个unit文件夹
import axios from "axios";
const http = axios.create({
baseURL: "xxxx",
timeout: xxxx
});
http.interceptors.request.use((config)=> {
config.headers = {
"Content-Type": "application/json"
}
console.log(config);
return config;
})
http.interceptors.response.use(msg => {
return msg;
});
export default http
- 在src目录下建立一个api文件夹
import http from "http";
const xxx = (url, method, data)=> {
return http({
url,
method,
data
})
}
export default {
xxx
}
import http from "http";
const xxx = (url, method, data)=> {
return http({
url,
method,
data
})
}
export default {
xxx
}
import a from "./a.js";
import b from "./b.js"
export default {
a,
b
}
- 在main.js中把封装好的axios挂在到vue实例原型上
import api from "@src/api/index.js"
Vue.prototype.$api = api;
- 在页面中调用即可
// a.vue
<template></template>
<script>
export default {
name: "xxx",
data() {
return {
xxxx: xxxx
}
},
mounted() {
this.$api.x.xxx(url, method, data);
}
}
</script>
<style></style>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了