本文讲解如何在django模板中通过javascript动态拼接url，解决因模板语法无法解析js变量导致的404错误问题。核心在于避免在django `{% url %}` 模板标签中硬编码js变量，改用原生字符串模板语法实现动态路由跳转。
在使用 Django 处理前端重定向时，一个常见误区是试图在 Django 模板标签 {% url %} 中直接嵌入 JavaScript 变量（如 pk='data.verification_code'）。这会导致模板引擎在服务端渲染阶段就尝试解析 'data.verification_code' 字符串字面量，而非执行 JS 运行时逻辑——结果就是生成了静态 URL /pdf-certificate/data.verification_code/，而非真实验证码值，最终触发 404 错误。
✅ 正确做法是：完全脱离 Django URL 模板标签，在客户端用 JavaScript 动态构造 URL。利用 ES6 模板字符串（`${...}`）拼接已获取的 data.verification_code 值：
.then(data => {
if (data.success) {
console.log("verification code", data.verification_code);
const verification_code = data.verification_code;
// ✅ 正确：JS 运行时动态插入值
window.location.href = `/pdf-certificate/${verification_code}/`;
}
})⚠️ 注意事项：
- 确保 Django URL 配置与前端路径严格一致。根据报错信息，你的 urls.py 已正确定义为 path('pdf-certificate/
/', views.pdf_certificate, name='pdf_certificate')，因此后端接收 str:pk 类型参数，前端必须以 /pdf-certificate/ / 格式访问（末尾斜杠需匹配）； - 若视图要求 pk 为整数类型，请将
改为 ，并确保 verification_code 是数字（或调整为字符串匹配）； - 不要遗漏 CSRF 安全机制：当前 fetch 请求已正确携带 X-CSRFToken，但重定向本身是 GET 请求，无需 CSRF，故此处无风险；
- 为增强健壮性，建议添加简单校验：
if (data.success && data.verification_code) { window.location.href = `/pdf-certificate/${encodeURIComponent(data.verification_code)}/`; }使用 encodeURIComponent() 可防止验证码含特殊字符（如 /, ?, #）导致 URL 解析异常。
立即学习“Java免费学习笔记（深入）”；
总结：Django 模板标签（如 {% url %}）仅在服务端渲染时生效，无法响应客户端 JS 变量；所有运行时动态路径拼接，应交由 JavaScript 完成，并与 Django 的 path() 路由规则保持格式统一。
