先创建文件夹 utils 在里面创建文件 Service.js 配置axios
import axios from "axios";
// 添加请求拦截器
axios.interceptors.request.use(config => {
config.headers["Content-Type"] = 'application/json;charset=UTF-8';
// 所有请求带上token
config.headers['Authorization'] = localStorage.getItem("token")
return config;
});
// 添加响应拦截器
axios.interceptors.response.use(
response => {
// console.log(response)
return response.data;
},
error => {
console.log("TCL: error", error);
return Promise.reject(error);
}
);
export default axios;
创建request.js 封装请求
import request from "./Service.js";
class Api {
getInviteByMarkCode(data) {
return request({
url: "/mcOrgInvite/getInviteByMarkCode",
method: "post",
data
});
}
getAllAndroidPlugins() {
return request({
url: "/mcOrgInvite/aaa",
method: "get"
});
}
}
export default Api;
main.js里配置正式环境/测试环境
import axios from "./utils/Service";
// axios.defaults.baseURL = "https://www.xxxx.com"; //正式
axios.defaults.baseURL = "https://www.xxxx.com"; //测试
页面中使用
import Api from "./utils/request";
var api = new Api();
export default {
mounted() {
api.getAllAndroidPlugins().then(res => {
console.log(res);
});
}
};
先创建文件夹 utils 在里面创建文件 Service.js 配置axios
import ax
阅读背景：
axios封装请求
来源：互联网
分享到：
