params object (API key) not being sent with axios.create

Question

I'm making a get request to the MovieDB API using an axios.create instance. The params object I am attaching which includes the API key is not being sent with the requests.

The requests work fine when using axios.get but not with axios.create.

import axios from "axios";

export default axios.create({
  baseURL: "https://api.themoviedb.org/3",
  params: {
    api_key: MY_API_KEY
  }
});

I am receiving error code 401 Unauthorized.

I don't think it's a syntax issue. 401 means not allowed to access the resource. You probably need a token to pass in the API as well — Adeel Imran, Jun 23 '19 at 21:33
Possible duplicate of [Attach Authorization header for all axios requests](https://stackoverflow.com/questions/43051291/attach-authorization-header-for-all-axios-requests) — Bhavay Anand, Jun 23 '19 at 21:52

score 1 · Answer 1 · answered Nov 06 '19 at 22:54

You can use paramsSerializer for this:

export const client = Axios.create({
    baseURL: process.env.API_URL,
    paramsSerializer: (params) => {
        const serializedParams = qs.stringify(params, {arrayFormat: 'repeat'});
        return `${serializedParams}&APPID=${process.env.API_KEY}`;
    }
});

And sure you need to install qs before implementing this:

npm i qs

params object (API key) not being sent with axios.create

1 Answers1