django 不能直接用 render() 返回 vue 页面，因为其模板引擎会错误解析 vue 的 {{ }} 插值语法，导致页面空白或 vue 实例未挂载；正确做法是让 django 仅托管静态资源（如通过 whitenoise 或 nginx 直接返回 dist/index.html），并配置 web 服务器 fallback 所有前端路由至 index.html。
为什么 Django 不能直接用 render() 返回 Vue 页面？
因为 Vue CLI 默认构建出的 dist/ 目录是纯静态资源（index.html + js/css），而 Django 的 render() 会走模板引擎，把 {{ }} 当成 Django 模板变量解析，导致 Vue 的插值语法被提前破坏。常见现象是页面空白、控制台报错 TypeError: Cannot read property 'xxx' of undefined，或者 Vue 实例根本没挂载。
正确做法是让 Django 只做静态文件服务器：把 dist/ 放进 STATIC_ROOT，用 whitenoise 或 Nginx 托管 index.html，并确保所有前端路由 fallback 到它。
- 开发时：Vue 使用
vue-cli-service serve启动独立服务（如http://localhost:8080），Django 运行在http://localhost:8000，两者跨域；需在 Django 中配置CORS_ORIGIN_WHITELIST允许前端域名 - 生产时：Vue 构建后把整个
dist/拷贝到 Django 的staticfiles目录下，再通过whitenoise或 Nginx 直接返回index.html，不经过 Django 视图 - 关键点：Django 的
urls.py必须在最后加一条通配规则，用re_path(r'^.*$', TemplateView.as_view(template_name='index.html'))（仅开发调试用），正式环境禁用该路由，改由 Web 服务器处理 fallback
如何让 Django API 正确响应 Vue 的 axios 请求？
Django 默认不带 CSRF 防护的 API 响应能力，而 Vue 前端发 POST/PUT/DELETE 时若没带 X-CSRFToken，会被 Django 拒绝（HTTP 403）。但 REST API 通常不该依赖 Cookie+CSRF，尤其跨域场景。
解决方案分两种场景：
使用 JSON Schema 验证 JSON 数据，从示例 JSON 生成 schema，并将其转换为 TypeScript 接口、Python 数据类或 Markdown 文档。
- 前后端同域（如都走
https://myapp.com）：在 Vue 的main.js中读取document.cookie里的csrftoken，通过axios.defaults.headers.common['X-CSRFToken']自动带上 - 前后端分离且跨域（推荐）：关闭 Django 对 API 视图的 CSRF 检查，用
@csrf_exempt装饰器或继承APIView并设置authentication_classes = [TokenAuthentication]等无状态认证方式 - 务必确认
settings.py中DEFAULT_AUTHENTICATION_CLASSES不含SessionAuthentication（它强制依赖 CSRF），否则即使加了@csrf_exempt，中间件仍可能拦截
Vue Router 的 history 模式在 Django 部署后为何 404？
Vue Router 开启 history 模式后，URL 如 /dashboard/users 是前端路由，实际没有对应 Django URL，Web 服务器找不到静态文件就直接返回 404，根本不会进 Django。
这不是 Django 的问题，而是 Web 服务器配置缺失：
- 用
whitenoise（开发/轻量生产）：必须在settings.py中设置WHITENOISE_INDEX_FILE = True，并确保STATICFILES_DIRS包含 Vue 的dist/，同时whitenoise会自动把所有未命中静态文件的请求 fallback 到index.html - 用 Nginx（推荐生产）：在 location 块中加
try_files $uri $uri/ /index.html;，确保除真实静态资源外，全部交由index.html处理 - 切勿在 Django 的
urls.py里写re_path(r'^.*$', ...)上线——它会让所有请求都进 Python，性能差且易暴露后端结构
Django REST Framework 返回的数据结构怎么和 Vue 统一？
DRF 默认返回的是字段平铺结构（如 {"id":1,"name":"Alice"}），但 Vue 组件常期望统一包装格式，比如 {"code":200,"data":{...},"msg":"ok"}。手动每个视图写封装容易漏、难维护。
推荐在 DRF 层统一拦截响应：
- 写一个自定义 renderer，继承
JSONRenderer，重写render()方法，在序列化后套上{"code":200,"data":data,"msg":"success"} - 更轻量的做法：用
Response的template_name或自定义SuccessResponse类，替代原生Response(data, status=200) - 注意异常路径：DRF 的
APIException子类（如ValidationError）默认不走 renderer，需配合EXCEPTION_HANDLER配置，统一转成相同结构的错误体，否则 Vue 的axios.interceptors.response会收到两种格式，判断逻辑变复杂
index.html 的 fallback 配置，以及跨域下 CSRF 和认证方式的混用。Python免费学习笔记（深入）：立即使用
在学习笔记中，你将探索 Python 的核心概念和高级技巧！
