✨ 增加代理的配置

electron/api/frpc.ts

@@ -78,6 +78,9 @@ transport.tls.keyFile = "${config.tlsConfigKeyFile}"
 transport.tls.trustedCaFile = "${config.tlsConfigTrustedCaFile}"
 transport.tls.serverName = "${config.tlsConfigServerName}"
 ` : ""}
+${config.proxyConfigEnable ? `
+transport.proxyURL = "${config.proxyConfigProxyUrl}"
+` : ""}
 
 
 ${proxyToml.join("")}

electron/storage/config.ts

@@ -20,6 +20,8 @@ export type Config = {
   tlsConfigKeyFile: string;
   tlsConfigTrustedCaFile: string;
   tlsConfigServerName: string;
+  proxyConfigEnable: boolean;
+  proxyConfigProxyUrl: string;
 };
 
 /**

src/views/config/index.vue

@@ -24,7 +24,8 @@ type Config = {
   tlsConfigKeyFile: string;
   tlsConfigTrustedCaFile: string;
   tlsConfigServerName: string;
-
+  proxyConfigEnable: boolean;
+  proxyConfigProxyUrl: string;
 };
 
 type Version = {
@@ -45,6 +46,8 @@ const formData = ref<Config>({
   tlsConfigKeyFile: "",
   tlsConfigTrustedCaFile: "",
   tlsConfigServerName: "",
+  proxyConfigEnable: false,
+  proxyConfigProxyUrl: ""
 });
 
 const loading = ref(1);
@@ -70,7 +73,16 @@ const rules = reactive<FormRules>({
   tlsConfigCertFile: [{required: true, message: "请选择TLS证书文件", trigger: "change"}],
   tlsConfigKeyFile: [{required: true, message: "请选择TLS密钥文件", trigger: "change"}],
   tlsConfigTrustedCaFile: [{required: true, message: "请选择CA证书文件", trigger: "change"}],
-  tlsConfigServerName: [{required: true, message: "请输入TLS Server名称", trigger: "blur"}]
+  tlsConfigServerName: [{required: true, message: "请输入TLS Server名称", trigger: "blur"}],
+  proxyConfigEnable: [{required: true, message: "请选择代理状态", trigger: "change"}],
+  proxyConfigProxyUrl: [
+      {required: true, message: "请输入代理地址", trigger: "change"},
+    {
+      pattern: /^https?\:\/\/(\w+:\w+@)?([a-zA-Z0-9.-]+)(:\d+)?$/,
+      message: "请输入正确的代理地址",
+      trigger: "blur"
+    }
+  ],
 });
 
 const versions = ref<Array<Version>>([]);
@@ -292,6 +304,25 @@ onUnmounted(() => {
                 </el-form-item>
               </el-col>
             </template>
+            <el-col :span="24">
+              <div class="h2">代理</div>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="是否启动代理：" prop="proxyConfigEnable">
+                <el-switch active-text="开"
+                           inline-prompt
+                           inactive-text="关"
+                           v-model="formData.proxyConfigEnable"/>
+              </el-form-item>
+            </el-col>
+            <template v-if="formData.proxyConfigEnable">
+              <el-col :span="24">
+                <el-form-item label="代理地址：" prop="proxyConfigProxyUrl">
+                  <el-input v-model="formData.proxyConfigProxyUrl"
+                            placeholder="http://user:pwd@192.168.1.128:8080"/>
+                </el-form-item>
+              </el-col>
+            </template>
             <el-col :span="24">
               <div class="h2">日志配置</div>
             </el-col>