feat: 🚀 请求全局 loading 更改为可配置

Author: Halsey

src/api/index.ts

@@ -35,9 +35,11 @@ class RequestHttp {
 		 */
 		this.service.interceptors.request.use(
 			(config: AxiosRequestConfig) => {
+				console.log(config);
 				// * 将当前请求添加到 pending 中
 				axiosCanceler.addPending(config);
-				showFullScreenLoading();
+				// * 如果当前请求不需要显示 loading(在headers中指定 notLoading:true)
+				config.headers!.notLoading || showFullScreenLoading();
 				const token: string = globalStore.token;
 				return { ...config, headers: { "x-access-token": token } };
 			},

src/api/modules/login.ts

@@ -8,6 +8,7 @@ import http from "@/api";
  */
 // * 用户登录接口
 export const loginApi = (params: Login.ReqLoginForm) => {
+	// return http.post<Login.ResLogin>(PORT1 + `/login`, params, { headers: { notLoading: true } });
 	return http.post<Login.ResLogin>(PORT1 + `/login`, params);
 };
 

src/api/modules/user.ts

@@ -19,6 +19,7 @@ export const addUser = (params: { id: string }) => {
 
 // * 批量添加用户
 export const BatchAddUser = (params: any) => {
+	// 其实 headers 中的 Content-Type 可以不写，请求可以自动判断，这里为了演示，写了一下
 	return http.post(PORT1 + `/user/import`, params, { headers: { "Content-Type": ContentTypeEnum.FORM_DATA } });
 };