I tried to create a new record for "Test_Collection" collection in directus with this function in ApiService.ts file

 public static test() {
 ApiService.vueInstance.axios
 .post("/items/Test_Collection", { name: "test", result: "123" }, {
 headers: { "Content-type": "application/json;" },
 })
 .catch((error) => {
 throw new Error(`[KT] ApiService ${error}`);
 });
 }

the API still reached my directus backend but the payload became an empty Object {}, it only happen when the API is called through ApiService.ts file. If i call the API like this from anywhere else it work normally

 handleTestInsert3() {
 ApiService.vueInstance.axios.post('/items/Test_Collection', { name: "test", result: "123" }, { headers: { 'Content-Type': 'application/json' } }
 ).catch((error) => {
 throw new Error(`[KT] ApiService ${error}`);
 });
 }

i wonder if there anyway to make it work as intended