使用Vue.js、Axios和Django过滤对象

Question

我与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，我有：

urls.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')

正确的方法是什么？

Answer 1

请按以下方式更新您的看法：

from django.http import JsonResponse

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

URL应该是：

url(r'^api/list_food_composition/(?P<food>\w+)$', views.list_food_composition),