diff --git a/app/assets/javascripts/commit/pipelines/pipelines_service.js.es6 b/app/assets/javascripts/commit/pipelines/pipelines_service.js.es6
index 483b414126a9745eea702a0bf467bcd736d911ad..e9cae8938571fc5ae84fe5a5dd20ae563af7dfe8 100644
--- a/app/assets/javascripts/commit/pipelines/pipelines_service.js.es6
+++ b/app/assets/javascripts/commit/pipelines/pipelines_service.js.es6
@@ -9,7 +9,7 @@
  */
 class PipelinesService {
   constructor(endpoint) {
-    this.pipelines = Vue.resource(endpoint);
+    this.pipelines = Vue.resource(`${endpoint}.json`);
   }
 
   /**
diff --git a/changelogs/unreleased/27932-merge-request-pipelines-displays-json.yml b/changelogs/unreleased/27932-merge-request-pipelines-displays-json.yml
new file mode 100644
index 0000000000000000000000000000000000000000..b7505e284018353ab080c5a9c9f1bc6fa50a36f5
--- /dev/null
+++ b/changelogs/unreleased/27932-merge-request-pipelines-displays-json.yml
@@ -0,0 +1,4 @@
+---
+title: Fix Merge request pipelines displays JSON
+merge_request:
+author: