diff --git a/pages/index.vue b/pages/index.vue
index 17002e1b8..ca2e3b6d5 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1038,21 +1038,19 @@ export default {
       set(value) {
         this.$store.commit("setState", { value, attribute: "rawParams" })
         // Convert the rawParams to bodyParams format
-        try{
+        try {
           const valueObj = JSON.parse(value)
-          const params = Object.keys(valueObj).map(key=>{
-            if(typeof valueObj[key] !== "function"){
+          const params = Object.keys(valueObj).map((key) => {
+            if (typeof valueObj[key] !== "function") {
               return {
                 active: true,
                 key,
-                value: valueObj[key]
+                value: valueObj[key],
               }
             }
-            })
+          })
           this.$store.commit("setBodyParams", { params })
-        } catch {
-          
-        }
+        } catch {}
       },
     },
     rawInput: {
@@ -1531,9 +1529,19 @@ export default {
     pathInputHandler() {
       if (this.uri.includes("?")) {
         const queryString = this.getQueryStringFromPath()
+        let environmentVariables = getEnvironmentVariablesFromScript(this.preRequestScript)
+        environmentVariables = addPathParamsToVariables(this.params, environmentVariables)
         const params = this.queryStringToArray(queryString)
+        let parsedParams = []
+        for (let k of params.filter((item) =>
+          item.hasOwnProperty("active") ? item.active == true : true
+        )) {
+          const kParsed = parseTemplateString(k.key, environmentVariables)
+          const valParsed = parseTemplateString(k.value, environmentVariables)
+          parsedParams.push({ key: kParsed, value: valParsed, active: true })
+        }
         this.paramsWatchEnabled = false
-        this.params = params
+        this.params = parsedParams
       }
     },
     addRequestHeader() {