Attach custom headers before every fetch request in react

Question

How can i add custom global header for all my fetch requests in react application. Is there any function to provide global header for all fetch request in react.

getFoo() {
        return fetch(apiUrl + "API/foo").then(
            function(response) {
                return response.json();
            });
    }

Want to add global hear for my all fetch requests in react , i am stuck here please help me and thanks in advance.

Davorin Ruševljan · Accepted Answer · 2017-06-23 08:08:32Z

1

In your question there is nothing React specific, since fetch is not part of react.

In another words, you can write your own function that attaches headers of your liking and invokes fetch with it. You can make that function global if you really, really wish to do so. You may even monkey patch fetch with packages like fetch-intercept, but there are not many situations that could justify doing so.

answered Jun 23, 2017 at 8:08

Davorin Ruševljan

4,40223 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Attach custom headers before every fetch request in react

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