未能加载资源：服务器响应的状态为404（未找到）？在Django虚拟用户.js

Question

我正在尝试连接虚拟用户.js对于我的Django应用程序，但是URL有问题，我已经使用Django rest框架创建了我的应用程序虚拟用户.js对我来说，找到一种将URL连接到Django应用程序的方法变得越来越复杂

你知道吗视图.py地址：

class DischargeViewSet(viewsets.ModelViewSet):
    queryset = TreatmentGiven.objects.all()
    serializer_class = TreatmentGivenSerializer
    filter_backends = (filters.SearchFilter,)
    search_fields = ('ipd','medicine_name','types_of_doses','route','number_of_days')

你知道吗序列化程序.py地址：

class TreatmentGivenSerializer(serializers.ModelSerializer):
    class Meta:
        model = TreatmentGiven
        fields = '__all__'

你知道吗路由器.py地址：

router = routers.DefaultRouter()
router.register(r'^(?P<ipd_id>\d+)/dischargedetails/$', DischargeViewSet)

你知道吗网址.py你知道吗

urlpatterns = [
path('api/', include(router.urls)),
re_path(r'^(?P<ipd_id>\d+)/dischargedetails/$', my_patient.discharge_detail, name='discharge_details'),
]+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

你知道吗虚拟用户.js地址：

Vue.http.headers.common['X-CSRFToken'] = "{{ csrf_token }}";
new Vue({
el: '#starting',
delimiters: ['${','}'],
data: {
treatmentgivens: [],
loading: true,
currentTreatmentGiven: {},
message: null,
newTreatmentGiven: { 'medicine_name': null, 'types_of_doses': null ,'route': null ,'number_of_days': null },
search_term: '',
},
mounted: function() {
this.getTreatmentGiven();
},
methods: {
getTreatmentGiven: function() {
let api_url = '^(?P<ipd_id>\d+)/dischargedetails/api/$';
if(this.search_term!==''||this.search_term!==null) {
api_url = `/api/^(?P<ipd_id>\d+)/dischargedetails/$search=${this.search_term}`
}
this.loading = true;
this.$http.get(api_url)
.then((response) => {
this.treatmentgivens = response.data;
this.loading = false;
})
.catch((err) => {
this.loading = false;
console.log(err);
})
},

Answer 1

您有两个api\u url，一个前面有/api/，一个没有。该url是一个正则表达式。你需要在ipd\u id中填写一个数字。美元符号和插入符号不是URL的一部分，也不会在JavaScript中找到。它们是正则表达式的一部分。你不能说search=search\u team。您需要正确设置GET参数的格式。您应该在/api/route上将Vue CLI设置为代理到Django，并在生产环境中对web服务器执行相同的操作。你知道吗

不过，我真的会退一步，多看看你正在使用的技术。你遗漏了一些基本的东西，你不想在人们的医疗保健信息丢失时出现任何安全问题。你知道吗