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

相关推荐
CTA终结者16 分钟前
示例、拆解和练习,要连成一条量化补课线
人工智能·python
lolijiaqi1517 分钟前
一线观察:长期体验后发现的医疗器械 CDMO 底层现象
大数据·python
因_崔斯汀29 分钟前
用 AI 生成 Three.js 沉浸式网站,代码与 Skill 均已开源
前端·人工智能
spencer_tseng1 小时前
[j2cache ehcache.xml]/tmp/.ehcache-diskstore.lock (Permission denied)
xml·linux·python·ehcache·[j2cache
葡萄城技术团队1 小时前
一键触发工作表中所有异步函数:用依赖单元格刷新 SpreadJS 公式
前端
Bigger1 小时前
谁动了我的 URL?——记一次微前端"灵异 Bug"的排查实录
前端·ai编程·vue-router
JavaGuide1 小时前
轻量开源版 IDEA 来了!
前端·后端
梦想不只是梦与想1 小时前
Python Web 框架:FastAPI
python·fastapi·web框架
张洪权1 小时前
nest.js websocket 群聊----私聊功能
前端·nestjs
流光D1 小时前
AI Era: Building Web Sites and Configuring Nginx Reverse Proxy Process
前端·人工智能·nginx