Django : Пути Django работают не так, как ожидалось

У меня есть проект. Мне нужно ссылаться на json файл. Мой код, который является файлом flashcard.html :

{%include 'header.html' %}

<style>
{%include 'css/flashcard.css' %}
{%include 'css/header.css' %}


</style>
<div id="content" style="width: 100%; position: relative;"></div>

<i class="fas fa-caret-right" style="position: absolute; top: 20%; left: 95%; font-size: 50px;" id="next"></i>

<i class="fas fa-caret-left" style="position: absolute; top: 20%; left:5%; font-size: 50px;" id="back"></i>

{% for key, value in data.items %}
   <p>{{ key }} +':'+ {{ value }}</p>
{% endfor %}

<script>
    let mydata = {%include 'data.json' %}
    let frontSideFront = true
    let cardNum = 0
    let totalCards = 2


    //var mydata = JSON.parse(data);
    for(var i = 0 ; i < totalCards ; i++ ){
        frontSideFront = true
        $("#content").append(`
           <div class="card-container" id="${i}">
                <div class="front">${mydata['questions'][i]}</div>
                <div class="back">sd</div>
           </div>
           `)
    }

    for(var m = 0 ; m < totalCards ; m++ ){
        if (m !== cardNum) {
            $(`#${m}`).css('visibility', 'hidden');
        }
    }

    $("#next").click(function (e) {
        $(`#${cardNum}`).css('visibility', 'hidden');
        $(`#${cardNum}`).css('position', 'absolute');
        cardNum++
        $(`#${cardNum}`).css('visibility', 'visible');
        $(`#${cardNum}`).css('position', 'relative');
    });

     $("#back").click(function (e) {
        $(`#${cardNum}`).css('visibility', 'hidden');
        $(`#${cardNum}`).css('position', 'absolute');
        cardNum--
        $(`#${cardNum}`).css('visibility', 'visible');
        $(`#${cardNum}`).css('position', 'relative');
    });

    $(".card-container").click((e)=>{
        if(frontSideFront){
            frontSideFront = false
            $(".front").css({
                "transform": "rotateY(-180deg)",
            })
            $(".back").css({
                "transform": "rotateY(0deg)",
            })
        }else{
            frontSideFront = true
            $(".front").css({
                "transform": "rotateY(0deg)",
            })
            $(".back").css({
                "transform": "rotateY(180deg)",
            })
        }
    })





</script>

Код заключается в создании флеш-карты. Но проблема в том, что к моему файлу data.json нет доступа. Я даже пробовал абсолютные пути.Например:

D:\anshu\python\uceed-website\venv\uceedWebsite\data.json

и даже

../../../data.json

и :

../../data.json

и: ./data.json

Моя структура файла :