How can I include authorization Headers in my react-app?

Question

On postman, I can access endpoints by adding the headers:

Key: Value ( I will insert fake figures for example)

x-mash-auth-token: gdjsjaosh-hkds-dhjsk-hjjdbahsj

I am building a react app that allows user to search endpoints, how can I include this header in my code to grant user access on UI?

Kirisanth Senthilnathan · Accepted Answer · 2022-04-25 18:05:00Z

1

            axios({
                url: "API URL",
                method: "GET",
                data: {name: "abc"},
                contentType: 'application/json',
                headers: {
                    "Access-Control-Allow-Origin": "*",
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'Pragma': 'no-cache',
                    'Authorization': 'Bearer gdjsjaosh-hkds-dhjsk-hjjdbahsj',
                    'Access-Control-Expose-Headers': "jwt_token"
                },
                responseType: 'json'
            })
            .then(function (response) {
                successCallback(response);
            })
            .catch(function (error) {
                errorCallback(error);
            })

answered Apr 25, 2022 at 18:05

Kirisanth Senthilnathan

1871 silver badge5 bronze badges

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

Collectives™ on Stack Overflow

How can I include authorization Headers in my react-app?

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