Requesting user information from api with axios in react

Question

so I'm doing this assignment and can't seem to understand how to make the request that I'm being asked to do, the information given is the following (going to be editing the names):

api url: https://this.api.com/entity

api apikey: somePa$$word

and 2 endpoints to get information based on an user info:

/category/userID=11111111

/category/userPassport=20111111113

An example of usage was given: screenshot of example

I'm not really clear on how to write this and so far every post I found doesn't work.

What I have so far:

const [apiData, setApiData] = useState(null);
  useEffect(() => {
    axios
      .get(
         //testing attaching the endpoint as the example shows?
        'https://this.api.com/entity/category/userID=11111111', 
        {
          headers: {
            Authorization: `Apikey somePa$$word`,
          },
        }
      )
      .then((res) => {
        setApiData(res.data);
        console.log('axios: ' + res.data);
      });
      .catch((error) => {
        console.log('axios: ' + error);
      });
  }, []);

I get these errors in the console: console errors

First time I ask a question here and I hope the info I provided is enough, if anything else is needed pls let me know.

Thanks you

Enable [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) on your backend — Shri Hari L, Apr 23 '22 at 15:47
Does this answer your question? [Access Control Origin Header error using Axios](https://stackoverflow.com/questions/45975135/access-control-origin-header-error-using-axios) — Dean Van Greunen, Apr 23 '22 at 15:48
You also might want to confirm if the server for given endpoint is up and running — Anurag Srivastava, Apr 23 '22 at 15:49

score 0 · Answer 1 · answered Apr 23 '22 at 15:49

0

try this

axios
      .get(
         //testing attaching the endpoint as the example shows?
        'https://this.api.com/entity/category/userID=11111111', 
        {
          headers: {
            Authorization: `Apikey somePa$$word`,
            'Access-Control-Allow-Origin': '*',
          },
        }
      )

answered Apr 23 '22 at 15:49

Dean Van Greunen

5,060
2
14
28

1

I updated that section of the code but I keep getting the same errors in the console. – Damian Apr 23 '22 at 16:15

Requesting user information from api with axios in react

1 Answers1