django与react的结合

初学react,在学完基本的语法之后,想要做一个基本的小demo出来,首先分别建好一个python的项目,我使用的框架为django,然后再创建好一个react的项目,接下来就是django与react的结合了(嗯,困扰了我一天多的问题)。

首先,将react项目进行编译打包(由于我创建react项目用的是create-react-app,所以直接运行npm run start就可以了),完成后会生成一个build文件,然后将build文件夹里的文件(除static文件夹)全部app下的templates文件夹下,static文件夹里的内容放到app下的static文件夹里(此时build文件夹可以让它彻底消失了),然后将react项目里的其他的文件可以放在app下的某个文件夹里了,这是就可以运行python manage.py runserver这个命令了(python项目的一些基本配置例如:urls, settings等等提前都要配置好哦),ok , 结束。

项目文件的目录结构;

django与react的结合

frontend详情:

django与react的结合