How to make an external POST Api call in the ui-modifications app

Forge Forge Modules and Product Triggers
, ,
1

I get such error:
Refused to connect to https://xxxapi.com/Health because it violates the following Content Security Policy directive: "connect-src ‘self’ https.xxxapi.com/Health.

2

How could I enable the external api call using the

const response = await fetch(hts:xxxapi.com/Health, {
      method: 'GET',Preformatted text
      headers: {
        'Content-Type': 'application/json',
        // Add any other headers as needed
      },
    });

I do have the permission set up in my manifest:

permissions:
  scopes:
    - manage:jira-configuration
    - read:jira-user
    - read:jira-work
    - write:jira-work
  external:
    fetch:
      backend:
        - hts.xxxapi.com/Health
      client:
        - hts.xxxapi.com/Health
3

Hi @yiyangshi, sorry for the late response.
In custom UI, you should use resolvers to make a call: https://developer.atlassian.com/platform/forge/runtime-reference/forge-resolver/. I tested it in my app with Custom UI, and an external call using Invoke works fine.