如何通过vue交朋友一个关于rest框架的项目？ 您可以使用vue-cli在带有django项目的目录中创建一个vue项目。 继续并输入yarn build，在出路时，我们在dist目录以及css和js目录中获得了index.html文件。 是的，可以将CSS和JS置于静态状态，并从index.html创建模板。
通过将static / frontend和templates / frontend子目录以及__init__.py和urls.py文件添加到带有前端的目录中（例如，我们称其为frontend），可以将前端添加到INSTALLED_APPS。 在urls.py中，类似
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'),足够了
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'),为了使文件到达需要组装的位置，我们将package.json中的构建修复为
"vue-cli-service build && (rm -rf static/frontend/ 2>/dev/null || true) && sed 's/=\\//=\\/static\\/frontend\\//g' dist/index.html > templates/frontend/index.html && mv dist static/frontend"
"vue-cli-service build && (rm -rf static/frontend/ 2>/dev/null || true) && sed 's/=\\//=\\/static\\/frontend\\//g' dist/index.html > templates/frontend/index.html && mv dist static/frontend"
同时，我们使用sed修复路径。
为了使一切自动化，我做了
django_vue_generator 。 它添加了start_frontend和build_frontend管理命令。 但这还不是全部！ 它会自动从序列化程序在客户端上生成带有验证的表单。 并且他为viewset drf项目创建带有表单的组件。 并且列表组件对其相同。 具有分页和过滤功能。
列表视图可以使用插槽重新定义。
其中包括一个带有文件run.sh的演示项目，该项目应收集您需要的所有内容。