Hey guys
I am trying to call the api with get method using token but I am getting CORS error
"Access to XMLHttpRequest at 'https://api.themoviedb.org/3/movie/popular' from origin 'http://127.0.0.1:5173' has been blocked by CORS policy:
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource."

This is my axios file

import axios from "axios";

const BASE_URL = "https://api.themoviedb.org/3";
const TMDB_TOKEN = import.meta.env.VITE_APP_TMDB_TOKEN;

const headers = {
  Autherization: "bearer " + TMDB_TOKEN,
  "Access-Control-Allow-Origin": "*",
  "Content-Type": "text/plain",
};

export const fetchDataFromApi = async (url, params) => {
  try {
    const { data } = await axios.get(BASE_URL + url, {
      headers,
      params,
    });

    return data;
  } catch (error) {
    console.log(error);
    return error;
  }
};

This Is show I am calling the API

function App() {
  useEffect(() => {
    apiTesting();
  }, []);

  const apiTesting = () => {
    fetchDataFromApi("/movie/popular").then((res) => console.log(res));
  };
}