django前后端分离开发(三)——前后端联调
django前后端分离开发(三)——前后端联调1、前端打包在vue项目路径下npm run build2、修改django后端setting.py配置#修改'DIRS': [os.path.join(BASE_DIR, 'ui/dist')]#其中ui是vue项目名称#新增STATICFILES_DIRS = [os.path.join(BASE_DIR, 'ui/dist/static')]#其
·
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项目界面代表前后端联调初步成功
后续规划:前端关联后端端口不打包进行开发
更多推荐
已为社区贡献3条内容
所有评论(0)