Как установить XSRF-TOKEN в заголовке запроса API Angular 11 в Laravel 8?

Я интегрирую Angular (11) frontend в приложение Laravel 8. Для выполнения запросов к API пользователи входят в систему. Каждый раз, когда внешний интерфейс Angular делает запрос к внутреннему API, я получаю следующую ошибку:

Status Code: 401 Unauthorized

Я настроил VueJs frontend для тестирования одного и того же URL-адреса конечной точки API, и VueJs может достичь конечной точки API и получить ответ от серверной части. Когда я сравниваю Request Headers запроса API, сделанного VueJS, с запросом, сделанным Angular 11, я вижу, что Request Headers из Angular 11 не имеет X-XSRF-TOKEN. Поэтому я думаю, что это причина, по которой я получаю вышеуказанную ошибку.

Ниже показано, как VueJs и AXIOS настраиваются в Laravel 8, чтобы X-XSRF-TOKEN было в файле API Request Headers.

window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
const token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common["X-CSRF-TOKEN"] = token.content;
}

Как установить X-XSRF-TOKEN или X-CSRF-TOKEN в API Request Headers, делая Angular 11 в Laravel 8?

Примечание. Внешний интерфейс Angular 11 и внешний интерфейс VueJs интегрированы на веб-странице внешнего интерфейса приложения Laravel 8, поэтому они находятся в одном домене. Так что думаю laravel-cors пакет не нужен.