diff --git a/pages/graphql.vue b/pages/graphql.vue
index 66b474b4..29922263 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -53,7 +53,7 @@
           <ul v-for="(header, index) in headers" :key="index">
             <li>
               <autocomplete
-                :placeholder="'index ' + (index + 1)"
+                :placeholder="'header ' + (index + 1)"
                 :source="commonHeaders"
                 :spellcheck="false"
                 :value="header.key"
diff --git a/pages/index.vue b/pages/index.vue
index 03308feb..1dbce6e0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1986,7 +1986,7 @@ export default {
         window.location.href,
         "",
         "/?" +
-          encodeURIComponent(
+          encodeURI(
             flats
               .concat(deeps, bodyParams)
               .join("")
@@ -1999,7 +1999,7 @@ export default {
         throw new Error("Route query parameters must be a Object");
       for (const key in queries) {
         if (["headers", "params", "bodyParams"].includes(key))
-          this[key] = JSON.parse(queries[key]);
+          this[key] = JSON.parse(decodeURI(queries[key]));
         if (key === "rawParams") {
           this.rawInput = true;
           this.rawParams = queries["rawParams"];