Im try to do Ionic&Vue JWT(JSON Web Token) Authentication using Vuex. While implementing JwtInterceptor in ts file In this line config.headers.common["Authorization"] = bearer ${authData.token} i am getting error .

In the Authorization, I am getting errors like "Element implicitly has an 'any' type because index expression is not of type 'number'"

In the config. headers I am getting errors like "Object is possibly 'undefined'."

authorization error config error

Here is the code in jwtinterceptor.ts file

import axios from "axios";
import store from '../store/index';

const jwtInterceptor = axios.create({});

jwtInterceptor.interceptors.request.use((config) => {
    const authData=store.getters["auth/getAuthData"];
    console.log("auth data in jwtInterceptor",authData);
    config.headers.common["Authorization"] = `bearer ${authData.token}`;
    return config;
});

export default jwtInterceptor;

In the Js file all is fine. not in .ts file, any help will be appreciated.