diff --git a/app/assets/javascripts/blob/notebook/index.js b/app/assets/javascripts/blob/notebook/index.js
index 9b8bfbfc8c00029616166b9dd2c47071bc3a4d09..0a26fc05ad3ed4c62c01eff1ab714f0f0ca0214b 100644
--- a/app/assets/javascripts/blob/notebook/index.js
+++ b/app/assets/javascripts/blob/notebook/index.js
@@ -50,7 +50,7 @@ export default () => {
       loadFile() {
         this.$http.get(el.dataset.endpoint)
           .then((res) => {
-            this.json = res.json();
+            this.json = res.body;
             this.loading = false;
           })
           .catch((e) => {
diff --git a/app/assets/javascripts/boards/boards_bundle.js b/app/assets/javascripts/boards/boards_bundle.js
index 111b4aa46dd0ab8843a2ecaa9bb1cd080d3b3e94..80498f0a817d15e26bbe57818138a33f836f0b7a 100644
--- a/app/assets/javascripts/boards/boards_bundle.js
+++ b/app/assets/javascripts/boards/boards_bundle.js
@@ -91,8 +91,8 @@ $(() => {
     mounted () {
       Store.disabled = this.disabled;
       gl.boardService.all()
-        .then((resp) => {
-          resp.json().forEach((board) => {
+        .then((body=> {
+          resp.body.forEach((board) => {
             const list = Store.addList(board);
 
             if (list.type === 'closed') {
diff --git a/app/assets/javascripts/boards/components/board_blank_state.js b/app/assets/javascripts/boards/components/board_blank_state.js
index 3fc68457961022e2cea40c5829e9126e5b677532..2c6a7c3b43cf124fc0676d63921e29c62d91b543 100644
--- a/app/assets/javascripts/boards/components/board_blank_state.js
+++ b/app/assets/javascripts/boards/components/board_blank_state.js
@@ -65,7 +65,7 @@ export default {
       // Save the labels
       gl.boardService.generateDefaultLists()
         .then((resp) => {
-          resp.json().forEach((listObj) => {
+          resp.body.forEach((listObj) => {
             const list = Store.findList('title', listObj.title);
 
             list.id = listObj.id;
diff --git a/app/assets/javascripts/boards/components/boards_selector.js b/app/assets/javascripts/boards/components/boards_selector.js
index c6d0e220eff512cd80f1dfcc66df026e837f9d77..b278c74209ef201f0233bdb4941d31003a945e27 100644
--- a/app/assets/javascripts/boards/components/boards_selector.js
+++ b/app/assets/javascripts/boards/components/boards_selector.js
@@ -86,7 +86,7 @@ require('./board_new_form');
         if (this.open && !this.boards.length) {
           gl.boardService.allBoards().then((resp) => {
             this.loading = false;
-            this.boards = resp.json();
+            this.boards = resp.body;
           });
         }
       },
diff --git a/app/assets/javascripts/boards/components/modal/index.js b/app/assets/javascripts/boards/components/modal/index.js
index 91c08cde13a92909b53c2d11350b508775724b81..ae00d59f5a7d449e001c93bf55e886356b28eb11 100644
--- a/app/assets/javascripts/boards/components/modal/index.js
+++ b/app/assets/javascripts/boards/components/modal/index.js
@@ -86,7 +86,7 @@ require('./empty_state');
           page: this.page,
           per: this.perPage,
         })).then((res) => {
-          const data = res.json();
+          const data = res.body;
 
           if (clearIssues) {
             this.issues = [];
diff --git a/app/assets/javascripts/boards/models/list.js b/app/assets/javascripts/boards/models/list.js
index 93131a073c718b4bc35676d043d60dfef08bd657..a45fab9b8059a0437c1d5e0f58c2030e27de1716 100644
--- a/app/assets/javascripts/boards/models/list.js
+++ b/app/assets/javascripts/boards/models/list.js
@@ -34,7 +34,7 @@ class List {
   save () {
     return gl.boardService.createList(this.label.id)
       .then((resp) => {
-        const data = resp.json();
+        const data = resp.body;
 
         this.id = data.id;
         this.type = data.list_type;
@@ -77,7 +77,7 @@ class List {
 
     return gl.boardService.getIssuesForList(this.id, data)
       .then((resp) => {
-        const data = resp.json();
+        const data = resp.body;
         this.loading = false;
         this.issuesSize = data.size;
 
@@ -95,7 +95,7 @@ class List {
 
     return gl.boardService.newIssue(this.id, issue)
       .then((resp) => {
-        const data = resp.json();
+        const data = resp.body;
         issue.id = data.iid;
         issue.milestone = data.milestone;
       });
diff --git a/app/assets/javascripts/boards/services/board_service.js b/app/assets/javascripts/boards/services/board_service.js
index 32ff516377634f64fef2a043ae7cf68e63bd026b..08f5bf0144b51a955ddba11d3d23113c0dff4686 100644
--- a/app/assets/javascripts/boards/services/board_service.js
+++ b/app/assets/javascripts/boards/services/board_service.js
@@ -110,7 +110,7 @@ class BoardService {
 
     return this.$http.get(this.milestonePath)
       .then((res) => {
-        this.milestones = res.json();
+        this.milestones = res.body;
         this.loading = false;
       });
   }
diff --git a/app/assets/javascripts/commit/pipelines/pipelines_table.js b/app/assets/javascripts/commit/pipelines/pipelines_table.js
index 4d5a857d70560f16d1570d45d91f0c07b3813bb7..2eeda15120ca053b0e265c43fcb923e3f9890ed7 100644
--- a/app/assets/javascripts/commit/pipelines/pipelines_table.js
+++ b/app/assets/javascripts/commit/pipelines/pipelines_table.js
@@ -87,7 +87,7 @@ export default Vue.component('pipelines-table', {
     fetchPipelines() {
       this.isLoading = true;
       return this.service.getPipelines()
-        .then(response => response.json())
+        .then(response => response.body)
         .then((json) => {
           // depending of the endpoint the response can either bring a `pipelines` key or not.
           const pipelines = json.pipelines || json;
diff --git a/app/assets/javascripts/diff_notes/components/resolve_btn.js b/app/assets/javascripts/diff_notes/components/resolve_btn.js
index 312f38ce241e2858475746296a5367a01dcc3a23..7f6e9b70ea3a0bb676c43cffe1d09f2e29b34a56 100644
--- a/app/assets/javascripts/diff_notes/components/resolve_btn.js
+++ b/app/assets/javascripts/diff_notes/components/resolve_btn.js
@@ -80,7 +80,7 @@ import Vue from 'vue';
           this.loading = false;
 
           if (response.status === 200) {
-            const data = response.json();
+            const data = response.body;
             const resolved_by = data ? data.resolved_by : null;
 
             CommentsStore.update(this.discussionId, this.noteId, !this.isResolved, resolved_by);
diff --git a/app/assets/javascripts/diff_notes/services/resolve.js b/app/assets/javascripts/diff_notes/services/resolve.js
index bfa4fc9037a2027e6f16905966ed5ae5f0f1d739..1f4432950611014de07c2081af8f6c9b3dd20e06 100644
--- a/app/assets/javascripts/diff_notes/services/resolve.js
+++ b/app/assets/javascripts/diff_notes/services/resolve.js
@@ -41,7 +41,7 @@ Vue.use(VueResource);
         discussion.loading = false;
 
         if (response.status === 200) {
-          const data = response.json();
+          const data = response.body;
           const resolved_by = data ? data.resolved_by : null;
 
           if (isResolved) {
diff --git a/app/assets/javascripts/environments/components/deploy_board_component.js b/app/assets/javascripts/environments/components/deploy_board_component.js
index ad07ffc54c93b8623bb4b8d5b01a4166ec66d546..788518c41840c8cb23ace167308dfb2fddfc8077 100644
--- a/app/assets/javascripts/environments/components/deploy_board_component.js
+++ b/app/assets/javascripts/environments/components/deploy_board_component.js
@@ -95,7 +95,7 @@ export default {
         return resp;
       }
 
-      return resp.json();
+      return resp.body;
     })
     .then((response) => {
       this.store.storeDeployBoard(this.environmentID, response);
diff --git a/app/assets/javascripts/environments/components/environment.js b/app/assets/javascripts/environments/components/environment.js
index 68379e0e3d717ac15fd56244398e48aac9fa5498..a51559dffe337445b9df74242f4066bc0d80eabe 100644
--- a/app/assets/javascripts/environments/components/environment.js
+++ b/app/assets/javascripts/environments/components/environment.js
@@ -119,7 +119,7 @@ export default Vue.component('environment-component', {
 
       gl.utils.visitUrl(param);
       return param;
-    },
+    },body
 
     fetchEnvironments() {
       const scope = gl.utils.getParameterByName('scope') || this.visibility;
@@ -130,7 +130,7 @@ export default Vue.component('environment-component', {
       return this.service.get(scope, pageNumber)
         .then(resp => ({
           headers: resp.headers,
-          body: resp.json(),
+          body: resp.body,
         }))
         .then((response) => {
           this.store.storeAvailableCount(response.body.available_count);
@@ -151,7 +151,7 @@ export default Vue.component('environment-component', {
       this.isLoadingFolderContent = true;
 
       this.service.getFolderContent(folderUrl)
-        .then(resp => resp.json())
+        .then(resp => resp.body)
         .then((response) => {
           this.store.setfolderContent(folder, response.environments);
           this.isLoadingFolderContent = false;
diff --git a/app/assets/javascripts/environments/folder/environments_folder_view.js b/app/assets/javascripts/environments/folder/environments_folder_view.js
index c359bce943c86ea956d65d502dba0564afef5140..b20d4d1d7e330c2b2b2055fa00277bb48c9282bc 100644
--- a/app/assets/javascripts/environments/folder/environments_folder_view.js
+++ b/app/assets/javascripts/environments/folder/environments_folder_view.js
@@ -93,7 +93,7 @@ export default Vue.component('environment-folder-view', {
     return this.service.get()
       .then(resp => ({
         headers: resp.headers,
-        body: resp.json(),
+        body: resp.body,
       }))
       .then((response) => {
         this.store.storeAvailableCount(response.body.available_count);
diff --git a/app/assets/javascripts/vue_pipelines_index/pipelines.js b/app/assets/javascripts/vue_pipelines_index/pipelines.js
index 9bdc232b7da2e7db383a3c0eb370ed819641bb7d..226823ae4ea759aa21055ef7b643c1691c9677f0 100644
--- a/app/assets/javascripts/vue_pipelines_index/pipelines.js
+++ b/app/assets/javascripts/vue_pipelines_index/pipelines.js
@@ -161,7 +161,7 @@ export default {
       return this.service.getPipelines(scope, pageNumber)
         .then(resp => ({
           headers: resp.headers,
-          body: resp.json(),
+          body: resp.body,
         }))
         .then((response) => {
           this.store.storeCount(response.body.count);