CODEWITHSUNDEEP
javascripthttpaxios
Abernathy
Abernathy

Reputation: 47

Prevent Axios from sending specific headers

I am working with Vuejs and i have one problem I want to send custom Headers to my backend API but not to a third Party API.

i have tried to create an axios instance to solve my case to no avail. The Custom Headers are sent to the third Party API which is of course blocked by CORS and thus i dont get the Results i expect. I figure that i did set the custom header globally in the Vue main.js how should i go about exempting the custom headers from being sent to the third party API

The Axios instance created is

  var instance = axios.create();
    var config = {
      method: "get",
      url: "//thirdPartyApi",
      headers: {
        "Content-Type": "application/json",
      },
    };

    const response = instance(config);

and in the main.js file i have

Vue.prototype.$http.defaults.headers.common["customHeader"] = Tokenized;

where Tokenized is my custom Variable

Upvotes: 0

Views: 2843

Answers (1)

Michal Levý
Michal Levý

Reputation: 37763

  1. Solution 1 - use different Axios instance for both API's (clean and easy)

  2. Solution 2 - write custom request interceptor and remove the header based on URL of the request...

Upvotes: 1

Related Questions