前端报错:快速解决Django接口404问题

前端代码:

python 复制代码
function processFile(filename) {
    fetch(`/process_file/${filename}/`, {
        method: "POST"
    })
    .then(response => response.json())
    .then(data => {
        if (data.status === "success") {
            document.getElementById("uploadStatus").innerHTML += "<br>文档解析并写入数据库成功 ✔";
        } else {
            document.getElementById("uploadStatus").innerHTML += "<br>文档处理失败 ❌";
        }
    })
    .catch(err => {
        console.error(err);
        document.getElementById("uploadStatus").innerHTML += "<br>处理出错 ❌";
    });
}

文件确实已经上传成功了,但在 process_file 这一步报"处理出错"。

这说明:

  • upload_file → 正常

  • processFile(filename) → 已经调用

  • 但是 process_file 这个 Django 接口 没有被正确访问到 / 报错 / 路由不匹配


原因 1:你的 URL 路由不匹配(最常见)

你前端请求的是:

POST /process_file/test.pdf/

但你的 Django urls.py 里很可能写的是 没有结尾斜杠 或 没有 filename 参数。

你的 urls.py 必须是 ↓↓↓

path('process_file/<str:filename>/', views.process_file, name="process_file"),

如果你是写:

❌ path('process_file/', ...)

❌ path('process_file', ...)

❌ path('process_file/<str:filename>', ...)(少了 /)

都会导致 404 → 前端显示"处理出错"

相关推荐
IT_Octopus16 小时前
【零基础入门 LLM 开发 · Day 13】:LangChain 的对话记忆——Message 对象版
人工智能·python·langchain
Jmyd012316 小时前
Web端3D营销展厅技术实现路径:从素材上云到线索回流的数据链路
前端·3d·性能优化·三维数字化
砚凝霜17 小时前
【软考信息安全】第二十二章 Web服务器安全分析与增强——Apache与IIS
服务器·前端·安全
2603_9651481117 小时前
社区与学习资源:从入门到精通的API选品学习路径
数据库·人工智能·python·学习·数据挖掘
CCblandy18 小时前
令牌桶在 0.9 倍负载超发 19%、固定窗口边界放行 20 个:四种限流算法同构实测
后端·python·算法·性能优化·架构
u01110267519 小时前
JPG、PNG、WebP 怎么选?按透明度、体积和使用场景做判断
前端·javascript·vue.js·图像处理·ai作画
Cc.Y19 小时前
Java零基础入门:深入Java核心:文件IO与序列化全解
java·开发语言·python
拿本唠嗑AI研究19 小时前
本体工程实战指南:从建模到可维护的完整落地路径
java·人工智能·python·jena·ontology
jerrywus19 小时前
让 AI 写完代码后交一份报告:我改造了 answer-me-with-html
前端·claude·cursor
Smoothcloud润云19 小时前
PyTorch推理服务模型热切换与失败回滚实战:降低版本更新中断
服务器·人工智能·pytorch·python·深度学习·gpu