1。前言主要记录Django3.0和Vue在前端分离遇到的问题。工具链：Python3.8.6、Django3.1.7、Vue2.6.12、VueCli4.5.12。2.项目目录结构新建一个通用项目目录，分为2个文件夹，一个是Django的后端项目，一个是前端的Vue项目。mkdirBookDVcdBookDV3。创建Django项目在BookDV文件夹下创建Django项目django-adminstartprojectBooks_demodjango-adminstartappbooks4。创建Vue项目#vuecli3之后，使用create命令创建项目vuecreateappfront5。打包Vue项目现在Vue项目在根目录配置vue.config.jsmodule.exports={assetsDir:'static',//指定'bulid'时，在静态文件上面添加一个静态目录}移动favicon.icopublic文件夹下到public/static/img/文件夹下，如果没有文件夹，请创建记录，修改public文件夹下index.html的favicon文件路径：<%=BASE_URL%>static/img/favicon.ico使用命令npmrunbuild6打包。更改Django中的配置Changesettings.pyConfiguration#更改模板的路径TEMPLATES=[{'BACKEND':'django.template.backends.django.DjangoTemplates','DIRS':[os.path.join(BASE_DIR.parent,'appfront/dist')],},]STATICFILES_DIRS=[os.path.join(BASE_DIR.parent,"appfront/dist/static"),]从django.contrib导入adminfromdjango.urls更改urls.py配置导入路径，includefromdjango.views.generic.baseimportTemplateViewaurlpatterns=[path('admin/',admin.site.urls),path('api/',include('books.urls')),path('',TemplateView.as_view(template_name='index.html'))]7.配置完成后，启动django服务。python3manage.pyrunserver可以打开浏览器输入网址127.0.0.1:8000查看
