I am stuck and looking for someone to help me. I've been trying to Authorize my fetch request but it always return an error. Is there someone who could explain in what way authorize header?

import { ref } from "vue";

const getAllData = () => {
  const data = ref();
  const entry = "user:pass";

  const fetchAllData = async function () {
    const res = await fetch("http://127.0.0.1:8000/articles/", {
      method: "GET",
      headers: {
        // How to authorize?
        Authorization: Bearer ${entry},
      },
    });
    data.value = await res.json();
    console.log(data.value);
  };
  return { data, fetchAllData };
};

export default getAllData;