Graphql query with query variable

1. Use Query Parameters Properly
   Ensure that the query parameter is correctly appended to the URL using ? for the first parameter and & for subsequent ones. For your variation parameter, it should follow the proper query string format.

   Example:

   bashhttp://localhost:4502/graphql/execute.json/wknd/Employee%20Pradeep?variation=pradeep_new_variation

2. Avoid Using Semicolons in URLs
   Using a semicolon (;) instead of a query string format (? or &) might not be recognized by AEM as a valid delimiter for query parameters.

   Example:
   Avoid this:

   bashhttp://localhost:4502/graphql/execute.json/wknd/Employee%20Pradeep;variation=pradeep_new_variation

3. Check URL Encoding
   Ensure all special characters in your content fragment name (e.g., spaces in Employee Pradeep) are URL-encoded. Spaces should be %20 or +.

   Correctly encoded:

   bashhttp://localhost:4502/graphql/execute.json/wknd/Employee%20Pradeep?variation=pradeep_new_variation

Debugging the Issue

1. Verify Endpoint and Query Parameters
   Double-check the AEM documentation or your project-specific API configuration to confirm the expected query parameter format for variations.

2. Test in Browser Developer Tools
   Use the browser's developer tools to inspect the network request made by the GraphQL Query Editor in AEM. Look at the exact request URL and parameters sent.

3. Inspect Server Logs
   Check the AEM server logs (error.log or request.log) for any errors or clues about why the request isn't being interpreted correctly.