I use an Angular 4 frontend and Python Django in the backend. If I click on the detail button I run the openDetail method in my component

我在后端使用Angular 4前端和Python Django。如果我单击详细信息按钮,则在组件中运行openDetail方法

openDetail(id:number){
    this.router.navigate(['/motor/detail', {"id": id}])
  }

the browser opens the detail component with the URL http://localhost:8000/motor/detail;id=21. Perfect. Important to know is, that I just need the id to work with them in my detail component.

浏览器打开详细信息组件,其URL为http:// localhost:8000 / motor / detail; id = 21。完善。重要的是要知道,我只需要在我的详细信息组件中使用id来处理它们。

But if I refresh the page I run into a 404 error. --> The current path, motor/detail;id=21, didn't match any of these. Well, this is also clear and jumped into the backend.

但是,如果我刷新页面,我会遇到404错误。 - >当前路径,电机/细节; id = 21,与这些中的任何一个都不匹配。嗯,这也很明显,并跳进了后端。

main - urls.py

main - urls.py

#... some other urls...
url(r'^motor/', include('motorControll.urls')),

motors - urls.py

马达 - urls.py

url(r'^$', views.index, name="index"),
url(r'^overview/$', views.MotorMapping.as_view({'get': 'getAllData'})),
url(r'^detail/$', views.index, name="index"),
url(r'^detail/(?P<id>\d+)/$', views.MotorMapping.as_view({'get': 'getById'})),
url(r'^detail/save/$', views.MotorMapping.as_view({'post': 'save'})),

How can I ignore this call or run a redirect to the index page? I need the id, because the next step, after load the detail page is to load the details by this url http://localhost:8000/motor/detail/21 , it returns JSON with all data.

如何忽略此调用或运行重定向到索引页?我需要id,因为下一步,在加载详细信息页面之后是通过这个url http:// localhost:8000 / motor / detail / 21加载细节,它返回包含所有数据的JSON。

1 个解决方案