支持配置Gist同步

web/src/components/ProxyList.vue

@@ -125,10 +125,12 @@ export default {
     async fetch() {
       await axios.get(this.url).then(resp => {
         let {data} = resp;
-        if (data instanceof String && data.indexOf("\n") !== -1)
+        if ((typeof data === 'string' || data instanceof String) && data.indexOf("\n") !== -1){
           this.proxies = data.split("\n").map(p => JSON.parse(p));
-        else
+        }
+        else {
           this.proxies = [data];
+        }
       }).catch(err => {
         this.$store.commit("SET_ERROR_MESSAGE", err);
       });

web/src/views/User.vue

@@ -1,11 +1,64 @@
 <template>
-  <v-container>
-  </v-container>
+  <v-card
+      class="mb-4 ml-4 mr-4 mt-4"
+  >
+    <v-card-title>
+      设置
+      <v-spacer></v-spacer>
+      <v-icon small>settings</v-icon>
+    </v-card-title>
+    <v-card-text>
+      <v-text-field
+          label="GitHub Token"
+          hint="填入GitHub Token"
+          :value="settings.gistToken"
+          clearable clear-icon="clear"
+      />
+    </v-card-text>
+    <v-divider></v-divider>
+    <v-card-actions>
+      <v-spacer></v-spacer>
+      <v-btn label @click="sync('upload')">上传</v-btn>
+      <v-btn label @click="sync('download')">下载</v-btn>
+    </v-card-actions>
+    <v-divider/>
+  </v-card>
 </template>
 
 <script>
+import {axios} from "@/utils";
+
 export default {
-  name: "User"
+  data() {
+    return {
+      settings: {
+        gistToken: ""
+      }
+    }
+  },
+  created() {
+    axios.get(`/settings`).then(resp => {
+      this.settings = resp.data;
+    });
+  },
+  methods: {
+    save() {
+      axios.patch(`/settings`, this.settings);
+    },
+
+    sync(action) {
+      if (!this.settings.gistToken) {
+        this.$store.commit("SET_ERROR_MESSAGE", "未设置GitHub Token！");
+        return;
+      }
+      this.save();
+      axios.get(`/backup?action=${action}`).then(() => {
+        this.$store.commit("SET_SUCCESS_MESSAGE", `${action === 'upload' ? "备份" : "还原"}成功！`);
+      }).catch(err => {
+        this.$store.commit("SET_ERROR_MESSAGE", `备份失败！${err}`);
+      });
+    },
+  }
 }
 </script>