django數(shù)據(jù)無法傳到html？

如題，我根據(jù)網(wǎng)上的代碼從django傳數(shù)據(jù)給html，用Python運(yùn)行項(xiàng)目后index.html顯示的是空白頁面，沒有報(bào)錯(cuò)，請(qǐng)問是什么原因？謝謝。
代碼如下：
search.py：

# -*-coding: utf-8 -*-
from django.shortcuts import render
#from backend.models import articles

def searchArti(request):
    data = [1,2,3,4]
    return render(request, 'index.html', {'data': data})

index.html：

<div id="app">
    {{ data }}</div>

setting.py:

...
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'backend'
]

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['frontend/'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
...

文件目錄：