Detect clash API server at `/` when log in. (#258)

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/APIConfig.js b/src/components/APIConfig.js
index 236bd1d..42753da 100644
--- a/src/components/APIConfig.js
+++ b/src/components/APIConfig.js
@@ -21,8 +21,21 @@ function APIConfig2() {
   const actions = useActions({ updateClashAPIConfig });
 
   const contentEl = useRef(null);
+
+  const detectApiServer = async () => {
+    // if there is already a clash API server at `/`, just use it as default value
+    const res = await fetch('/');
+    res.json().then(data => {
+      if (data['hello'] === 'clash') {
+        setHostname(window.location.hostname);
+        setPort(window.location.port);
+      }
+    });
+  };
+
   useEffect(() => {
     contentEl.current.focus();
+    detectApiServer();
   }, []);
 
   const handleInputOnChange = e => {