使用 vue.js 请求时 Django RetrieveDestroyAPIView 不工作

Question

我创建了一个 Django rest API，并通过 vue.js 函数，我实现了通过给它的 id 删除对象，在单击按钮时我创建了一个函数来传递 URL 将 id 赋予 API 以删除对象。 Django rest API 在其 rest API 站点上工作，但是当通过 vue.js 函数访问 API 时，它不会删除对象，甚至没有错误也显示

#HTML代码

<td v-on:click="deleteCountry(c.id)"><center><p class="fas fa-times"></p></center></td> // c.id is is dynamic id i am getting by django db

#vue.js代码

<script>
export default {
  data () {
    return {
    title:'app',
},
 methods:{
deleteCountry(id){
      this.$http.get('http://127.0.0.1:8000/api/countries/'+id+'/delete/');
    },
}
 }
}
</script>

django rest api 视图集代码

from rest_framework .generics import(
    ListAPIView,
    RetrieveAPIView,
    DestroyAPIView,
    UpdateAPIView,
    RetrieveDestroyAPIView,
    RetrieveUpdateAPIView)

class CountryDeleteAPIView(RetrieveDestroyAPIView):
    queryset = countries.objects.all()
    serializer_class = CountryDetailSerializer
    lookup_field = "id"

Answer 1

您正在为 deleting.So 使用 HTTP GET，更改

this.$http.get('http://127.0.0.1:8000/api/countries/'+id+'/delete/');

至

this.$http.<b>delete</b>('http://127.0.0.1:8000/api/countries/'+id+'/delete/');

使用 vue.js 请求时 Django RetrieveDestroyAPIView 不工作

Django RetrieveDestroyAPIView not working while requesting with vue.js

django

django-rest-framework

vue-cli