本文共 3112 字，大约阅读时间需要 10 分钟。

Vue���������������Django DRF���������������������������������

���������������������������������������������������������������������������������������������������������������������������������������Vue���������������������������������������������������DRF������������������������������������������������������������������

URL������������������������

������������Vue���������������������URL���������������������������������������������������

���������������

1. ������������

���������������������������������������������������������������

this.$http.get('http://127.0.0.1:8000/gen_model/category2/' + dataset_id)
  .then(res => {
    console.log(res.data);
  })
  .catch(err => {
    console.log(err);
  });

2. ������������

���Django������������������������������������������������

path('category2/
   
    /', Category2View.as_view())
   

���������������������������������������

def get(self, request, pk=None):
    if pk:
        merchant = category2.objects.filter(category1_id=pk)
        serializer = Category2Serializer(merchant, many=True)
        return Response(serializer.data)
    else:
        queryset = category2.objects.all()
        serializer = Category2Serializer(instance=queryset, many=True)
        return Response(serializer.data)

������������������������

1. ������������

������������������������������������

this.$http.get('http://127.0.0.1:8000/gen_model/category2/', {
  params: {
    id: 123
  }
})
  .then(res => {
    console.log(res.data);
  })
  .catch(err => {
    console.log(err);
  });

2. ������������

���Django���������request.GET���������������

def author_detail(request):
    author_id = request.GET['id']
    text = '���������id������%s' % author_id
    return HttpResponse(text)

POST���������������������

������������������������������������������������������POST���������DRF���������������������������������POST���������

1. ������FormData������

��������������� FormData ������������������������

var formData = new FormData();
formData.append('user', 123456);
formData.append('pass', 12345678);
axios.post("/notice", formData)
  .then((res) => {
    console.log(res);
  })
  .catch((err) => {
    console.log(err);
  });

2. ������JSON������

������������������������������������JSON���������������

let data = {
  "code": "1234",
  "name": "yyyy"
};
axios.post(`${this.$url}/test/testRequest`, QS.stringify(data))
  .then(res => {
    console.log('res=>>', res);
  })
  .catch(err => {
    console.log('err=>>', err);
  });

DRF���������������������������

������������������������������������������������������������

'QuerySet' object has no attribute '***'

������������

���������REST API������QuerySet������������������many=True���������������������������������������������

serializer = Category2Serializer(merchant, many=True)

������������

���DRF������������������������������������������������������many=True���������

serializer = Category2Serializer(instance=aset, many=True)

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������