增加配置请求头是否encodeURIComponent转码

Author: HGthecode

src/store/modules/App/interface.ts

@@ -48,6 +48,7 @@ export interface FeConfigLangState {
 export interface FeConfigHTTPState {
   TIMEOUT?: number;
   HOSTS?: FeConfigHttpHosts[];
+  HEADERS_ENCODEURICOMPONENT?: boolean;
 }
 
 export interface FeConfigHttpHosts {

src/views/apiDetail/debug/Index.vue

@@ -244,6 +244,7 @@ export default defineComponent({
       }),
       config: computed(() => store.state.app.config),
       eventData: eventData,
+      feConfig: computed(() => store.state.app.feConfig),
     });
     const headersColumns = [
       {
@@ -423,7 +424,10 @@ export default defineComponent({
             item.value &&
             (!item.appKey || item.appKey === "global" || item.appKey === state.appKey)
           ) {
-            headers[item.name] = item.value;
+            headers[item.name] =
+              state.feConfig.HTTP.HEADERS_ENCODEURICOMPONENT !== false
+                ? encodeURIComponent(item.value)
+                : item.value;
           }
         });
       }
@@ -441,7 +445,10 @@ export default defineComponent({
       if (state.headerData && state.headerData.length) {
         state.headerData.forEach((item) => {
           if (item.name && item.default) {
-            headers[item.name] = item.default;
+            headers[item.name] =
+              state.feConfig.HTTP.HEADERS_ENCODEURICOMPONENT !== false
+                ? encodeURIComponent(item.default)
+                : item.default;
           }
         });
       }

src/views/apiDetail/debug/handleEvent.ts

@@ -7,8 +7,8 @@ import md5 from "js-md5";
 import { t } from "@/hooks/useI18n";
 import Axios from "@/utils/http/index";
 import { isArray, isObject } from "lodash";
-import { DebugEventEnum } from "@/enums/debugEventEnum";
-import moduleName from "ant-design-vue";
+
+const feConfig = JSON.parse(localStorage.APIDOC_CONFIG);
 
 export type ResultStatus = "success" | "error" | "default";
 type EventName =
@@ -69,7 +69,8 @@ const events = {
   ): Promise<EventResult> {
     return new Promise((resolve, reject) => {
       if (eventItem.key) {
-        json.headers[eventItem.key] = value;
+        json.headers[eventItem.key] =
+          feConfig.HTTP.HEADERS_ENCODEURICOMPONENT !== false ? encodeURIComponent(value) : value;
         const res: EventResult = {
           event: eventItem,
           json,
@@ -277,7 +278,7 @@ const events = {
                 }
               } else if (item.event === "setHeader") {
                 if (item.key) {
-                  ajaxOptions.headers[item.key] = itemValue;
+                  ajaxOptions.headers[item.key] = encodeURIComponent(itemValue);
                 } else if (isObject(itemValue)) {
                   ajaxOptions.headers = itemValue;
                 }
@@ -304,7 +305,10 @@ const events = {
                   if (item.key && item.event === "setParam") {
                     json.params[item.key] = itemValue;
                   } else if (item.key && item.event === "setHeader") {
-                    json.headers[item.key] = itemValue;
+                    json.headers[item.key] =
+                      feConfig.HTTP.HEADERS_ENCODEURICOMPONENT !== false
+                        ? encodeURIComponent(itemValue)
+                        : itemValue;
                   }
                 }
               }