使用Vue.js、Axios和Django筛选对象

我有一个Vue.js和Django的项目。我试图通过简单的搜索从数据库中获取一个列表。在Vue/Axios中,我有:

  var food = 'CHICKEN'
  const url = `${API_URL}/api/list_food_composition/${food}`;
  axios.get(url).then(response => {
  var data = response.data;
  console.log(data)
  });

但答案是“未定义的”

在Django,我有:

url.py

url(r'^api/list_food_composition/$', views.list_food_composition),

views.py

def list_food_composition(request,food):
    foods = Food_composition.objects.filter(short_description__contains=food)
    data = serializers.serialize('json', foods)
    return HttpResponse(data, content_type='application/json')

正确的做法是什么?