How to Override GraphQL API Query & Mutations

Load Production GraphQL APIs on Local or Staging Frontends

Once you understand how to debug and override GraphQL API using Requestly. You might want to explore how you can use Requestly in different scenarios of your development cycle(SDLC). Let’s explore how modifying the request body can help.

If you need to override the request body for a GraphQL API. For scenarios where you need to switch models or modify fields in a query, use the programmatic option in the request body rule to selectively modify GraphQL requests.

Video Tutorial

Steps to Configure Rule

Follow the below steps to override API Requests.

  1. Create a new Modify Request Rule.
  2. Use your API hostname & path as source conditions like – company.com/api/graphql
  3. Under Request Body select Programmatic
  4. We can filter and modify the request using the below code. Make sure you replace [modified query] with your query.
  5. Save the rule and test.
function modifyRequestBody(args) {
	const { method, url, body, bodyAsJson } = args;
	if(bodyAsJson[0].operationName = 'ListArticles'){
		bodyAsJson[0].query = '[modified query]'
	}
	return body;
}

Further Reading

Learn How to load staging GraphQL APIs on local apps

Share this article:

Subscribe to our weekly newsletter !

Join 10k developers and QAs to get weekly updates with Requestly's newsletter.​

This article was written by:

Picture of Abhishek Sachan

Abhishek Sachan

Abhishek is Growth Engineer at Requestly and has profound love for programming.

Join 10k developers and get weekly updates with Requestly's newsletter.

Contents