前端报错:快速解决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 → 前端显示"处理出错"

相关推荐
phltxy几秒前
LangGraph智能租房助手实践
大数据·人工智能·python·深度学习·语言模型·langchain
码银15 分钟前
放弃了豆包,我使用Python做了一个桌面宠物
python·microsoft·宠物
程序员爱钓鱼20 分钟前
第一个 Go 程序:Hello World
前端·后端·go
阳光是sunny23 分钟前
LangGraph 核心概念详解:从编译到可视化
前端·人工智能·后端
测功机之家25 分钟前
国内口碑好的测功机公司找哪家
python·物联网
xlrqx37 分钟前
2026年平顶山家电清洗培训设备是否齐全依据多因素来判断
大数据·python
summer_du1 小时前
Qdrant
人工智能·python
logomister设计公司阿燕1 小时前
华为商标“减法哲学”:极简主义如何成就全球品牌?
python·华为
萧青山1 小时前
2026国标合规:Agent Loop合规设计模式的6种循环架构(GB/Z 185.6+Python)
python·设计模式·agent loop·gb/z 185·国标合规
不好听6131 小时前
React 父子组件通信:从 Todo 应用理解单向数据流
前端·react.js