在Django中配置静态文件

  1. 确保 INSTALLED_APPS 中包含了 django.contrib.staticfiles。

  2. 在配置文件中，定义 STATIC_URL

    1. STATIC_URL = '/static/'

  3. 工程中可能包含未与任何应用绑定的静态资源。除了在 apps 中使用 static/ 目录，还可以在配置文件中定义一个目录列表 STATICFILES_DIRS ，Django 会从中寻找静态文件。

    1. STATICFILES_DIRS = [
    2.  os.path.join(BASE_DIR, 'static')
    3. ]

打包React项目

在React项目根目录下执行以下命令，不需要在package.json文件中配置homepage字段。

  1. yarn build

整合

build后的React项目的目录结构如下图所示。

图片.png

将build目录下除static文件夹以外的所有文件复制到Django项目的templates目录下。
然后将build目录下的static文件夹作为Django项目的static目录。

图片.png
整合后的Django项目的部分目录结构

最后在Django项目中配置urls，views等文件即可使用。

参考链接

https://docs.djangoproject.com/zh-hans/3.0/howto/static-files/
https://blog.csdn.net/youyou_LIN/article/details/80209169