Una petición fetch de javascript me da un error “ERR_HTTP2_PROTOCOL_ERROR” [closed]

días o noches, tengo una web que hice con vue 3 en la parte de frontend, en la parte del backend uso php y bases de datos MYSQL, en php hice una especie de api para mandar los datos que se piden desde el frontend, la petición del fronted la hago mediante fetch he ahí el problema al tratar de guardar, borrar o actualizar un registro me da el error ERR_HTTP2_PROTOCOL_ERROR pero lo extraño es que al cargar la página(se ejecuta una petición fetch a la api para que me consulte todos los registros y los devuelva) me trae todos los registro y no causa ningún error, la parte del frontend la tengo subida en github y la ejecuto mediante github pages, el backend esta en el hosting 000webhost cabe resaltar que ambos tiene SSL activo y funcionando, error generado: enter image description here, código fetch que lo genera enter image description here, header que estan en la api: enter image description here, código en la api que procesa la petición fetch:enter image description here, agradezco cualquier ayuda cabe mencionar que en local funciona correctamente.