从Angular 10访问时在Hasura Graphql上获得CORS问题

从Angular 10访问时在Hasura Graphql上获得CORS问题,angular,graphql,hasura,Angular,Graphql,Hasura,我在localhost:4200上运行angular应用程序,而GraphQL使用以下环境运行 export const environment = { BASE_URL: 'https://iotech.ddns.net/', LOGIN_URL: 'https://iotech.ddns.net/', METRIC_VALUES_URL: `${'https://iotech.ddns.net/' + 'gql/'}v1/graphql`, REST_BASE_URL: '

我在localhost:4200上运行angular应用程序,而GraphQL使用以下环境运行

export const environment = {
  BASE_URL: 'https://iotech.ddns.net/',
  LOGIN_URL: 'https://iotech.ddns.net/',
  METRIC_VALUES_URL: `${'https://iotech.ddns.net/' + 'gql/'}v1/graphql`,
  REST_BASE_URL: ' https://iotech.ddns.net/config/api/v1/',
  production: true,
  hmr: false,
  staging: false,
  POLL_RATE: 10000
};
根据GraphQL,提到CORS已启用,但在访问时出现错误。我还添加了proxy.config.json,但没有任何帮助

{
    "/gql/v1/graphql": {
      "target": "https://iotech.ddns.net/",
      "pathRewrite": { "^/api": "" },
      "secure": false
    },
    "logLevel": "debug"
  }

如果iotech.ddns.net在您的控制下,并用作前端api,则可以添加CORS头以允许localhost:4200
如果没有,您必须编写API服务器(通过PHP、.net、python、node…),并从服务器调用iotech.ddns.net,然后使用cors头将结果返回到前端。

这是Hasura GraphQL服务器,没有代码。是否还要添加自定义头?如果不是,则构建Web服务器以从中调用api,并添加所需的任何头