我试图在我的项目中将我的前端和后端分离.我的前端由reactjs组成,路由将使用react-router完成,我的后端如果是Django,我打算使用前端对Django进行API(ajax)调用.
现在我不确定如何让这两个方面正确地相互交谈.
这是我的项目的link
这是我的项目结构:
/cherngloong
/app (frontend)
/cherngloong
/templates
index.jtml
urls.py
settings.py
...
/contact
urls.py
views.py
我使用webpack构建我的所有JS和CSS,并使用webpack_loader将其放入index.html,如下所示:
{% load render_bundle from webpack_loader %}
Example{% render_bundle 'main' %}
在Django这里是我的cherngloong / urls.py:
urlpatterns = [
url(r'^admin/', include(admin.site.urls)),
url(r'', TemplateView.as_view(template_name='index.html')),
url(r'^api/', include('contact.urls'))
]
urlpatterns += staticfiles_urlpatterns()
我不想从django提供我的应用程序或让django在任何网址上提供相同的视图.
这是我的react-router路由:
var routes = (
);
export default routes;
我现在可以运行服务器但是当我运行前端部分时,我在开发人员工具中看到了这一点
http://localhost:8000/static/public/js/main.js Failed to load resource: the server responded with a status of 404 (NOT FOUND)