如何在我的反应应用程序中包含授权标头？

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?

Answer 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);
            })