POST call failing in zoom-apps

Zoom Apps
1

I am trying to build a Zoom-Apps application where I want to integrate POST api call.
But it is failing.

2

Hello Sanket,

Can you provide more context around what API endpoint you are trying to POST?

A code snippet of the API call and the console error or response message would help diagnose the issue.

4

Hi @brandtley.zoom ,

axios.get('https://jsonplaceholder.typicode.com/posts/1')
      .then((response) => {
        console.log(response)
        setField(response.data.id)
      }).catch((err) => {
        console.log(err)
        setError(err. Message)
      })

Even this simple jsonPlaceholder api is failing.

5

Hello Sanket,

I tested the snippet you provided, in addition to a similar service for API testing:

fetch('https://reqres.in/api/users')
  .then((response) => response.json())
  .then((json) => console.log(json));

In testing this I discovered a few possible issues:

  • Content Security Policy violations: specifically relating to connect-src definitions
  • Missing CORS headers for the given target domain

In testing my CSP and CORS settings for my local app, localhost was able to query the resources just fine, however my ngrok instance was not.

So in this particular case, I believe these services may be blocking ngrok requests, and possibly other local proxies to prevent spammers from abusing their services.

Testing another proxy tool called localtunnel (localtunnel - npm) and updating my app config and local app settings did work for me.

Give this a shot and see if that helps.

6

Thank you Brandtley,
I will check for the solution your solution.

7

I am facing these issues on zoom desktop client only.

8

I tried adding specified CORS domain configs & disabled CSP but still it’s getting failed in Desktop Client.

9

Hi! Did you find the solution? I’m trying to make an axios request to my backend and I get an Axios Error, with no information. I used the cors package as middleware in the backend aswell.