Getting CORS error in Http request using ionic4

Question

Getting error in API calling

ERROR => Access to XMLHttpRequest at 'localhost:3003/graphql' from origin 'http://localhost:8101' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

apollo: Apollo,
    httpLink: HttpLink
  ) {
    apollo.create({
      link: httpLink.create({ uri: 'localhost:3003/graphql}),
      cache: new InMemoryCache()
    });

CORS-enabled for all origins (Node Api)

Falyoun · Accepted Answer · 2019-06-24 19:43:23Z

2

As error refers only supported for protocol schemes: http.... which certainly means you've just forgotten to put the https or http on the request in your code

So please note localhost:3003/graphql must change to either http://localhost:3003/graphql or https://localhost:3003/graphql

apollo: Apollo,
    httpLink: HttpLink
  ) {
    apollo.create({
      link: httpLink.create({ uri: 'http://localhost:3003/graphql'}),
      cache: new InMemoryCache()
    });

edited Jun 24, 2019 at 19:43

answered Jun 24, 2019 at 19:37

Falyoun

4,0014 gold badges21 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting CORS error in Http request using ionic4

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related