From 3620c719d73432623e497ffe0bd13b800ee3acd7 Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Sat, 20 Jan 2024 10:39:24 +0300
Subject: [PATCH] Fix content report POST request

Signed-off-by: Olga Bulat <obulat@gmail.com>
---
 .../VContentReport/VContentReportForm.vue     | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/VContentReport/VContentReportForm.vue b/frontend/src/components/VContentReport/VContentReportForm.vue
index bd96cdc3c49..cdd2f220ef2 100644
--- a/frontend/src/components/VContentReport/VContentReportForm.vue
+++ b/frontend/src/components/VContentReport/VContentReportForm.vue
@@ -124,6 +124,8 @@
 </template>
 
 <script lang="ts">
+import { useRuntimeConfig } from "#imports"
+
 import { computed, defineComponent, PropType, ref } from "vue"
 
 import axios from "axios"
@@ -213,15 +215,18 @@ export default defineComponent({
         const mediaType = props.media.frontendMediaType
         const reason = selectedReason.value
 
+        const {
+          public: { apiUrl },
+        } = useRuntimeConfig()
+
+        // Not proxied through the Nuxt `/api/` because it is a POST request
         await axios.post(
-          `/api/${mediaSlug(mediaType)}/${props.media.id}/report/`,
+          `${apiUrl}v1/${mediaSlug(mediaType)}/${props.media.id}/report/`,
           {
-            body: JSON.stringify({
-              mediaType,
-              reason,
-              identifier: props.media.id,
-              description: description.value,
-            }),
+            mediaType,
+            reason,
+            identifier: props.media.id,
+            description: description.value,
           }
         )