django前后端分离开发（三）——前后端联调

django前后端分离开发（三）——前后端联调

1、前端打包
在vue项目路径下

npm run build

2、修改django后端setting.py配置

#修改
'DIRS': [os.path.join(BASE_DIR, 'ui/dist')]
#其中ui是vue项目名称

#新增
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'ui/dist/static')]
#其中ui是vue项目名称

3、修改django项目下主urls.py

from django.views.generic import TemplateView

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', TemplateView.as_view(template_name='index.html')),
]

4、启动django后端，通过http://127.0.0.1:8000/#/能访问到vue项目界面代表前后端联调初步成功

后续规划：前端关联后端端口不打包进行开发