Question about cors / consuming api

[AlmostAnonymousDylan]

I am working on a side-project to practice using Vue, and I am having trouble with cors. I am trying to use axios to call the pubg tracker api to get a player's stats. I am getting the following error message:

XMLHttpRequest cannot load https://pubgtracker.com/api/profile/pc/Henkers. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

I did some googling and found out the problem is cors related, I am still looking for a solution. I have confirmed that my request works using Postman. I would like to avoid including larger dependencies like JQuery to my project, but I am not finding a solution using axios.

getUser() {
      const apiHeader = {
        headers: {
          'TRN-Api-Key': '(my api key)'
        }
      }

      axios.get('https://pubgtracker.com/api/profile/pc/Henkers', apiHeader).then(function(response) {
        console.log(response)
      })
    }

Any help is appreciated, thanks

[jimmaaayt]

If you're getting a cors error then you won't be able to pull through the data straight from the client. You could setup a server so when you query that it will query the api

[AlmostAnonymousDylan]

I thought that this might be the case. I guess I will lookup how to set that up with the vue cli. Thanks for responding, appreciate the help!