Не выполняется запрос jwt через fetch
Я делаю web api приложение на c#. У меня есть клиентская часть на js как скрипты для html страниц. Я сделал регистрацию и генерацию jwt токена, теперь хочу передавать этот токен в запросе к неким ресурсам фильмов для получения доступа. Через Postman, когда я вбиваю токен вручную, мои запросы проходят, но через fetch всегда выдает ошибку 401. Я прописывал токен через заголовок, но ошибка осталась. Как мне получить доступ к данным через fetch? Код запроса к ресурсам фильмов:
//Вывод всех фильмов
async function GetMovies() {
alert(sessionStorage.getItem('accessToken'))
// отправляет запрос и получаем ответ
const response = await fetch("/api/Movie", {
method: "GET",
headers: {
"Authorization": "Bearer " + sessionStorage.getItem('accessToken'),
"Accept": "application/json"
}
});
// если запрос прошел нормально
if (response.ok === true) {
// получаем данные
const movies = await response.json();
console.log(movies)
let htmlCatalog = '';
//console.log(movies)
movies.forEach((movie) => {
let htmlCategory=''
movie.genres.forEach((genre)=>{
htmlCategory+=`${genre.name + ' '} `})
htmlCatalog += `
<div class="col-3">
<button onclick="GoToMovie()" type="button" class="btn btn-link"><div class="photo" id="${movie.id}" alt="Смотреть фильм"><img src=${movie.imagePath} alt="movie" class="image"></div></button>
<h5>${movie.title}</h5>
<h6>${htmlCategory}</h6>
</div>
`;
});
document.getElementById("movies").innerHTML = `
<div class="container"><div class="row row-cols-4">${htmlCatalog}</div></div>
`;
}
else{
alert("У нас проблемы, попробуйте зайти через пару минут!!!")
}
}