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

相关推荐
逝水无殇7 分钟前
HTML 文本格式化详解:掌握 <strong>、<em>、<mark>、<del> 等常用标签
前端·javascript·html
一木 之林10 分钟前
AI实战 : Numpy图像处理与深度学习框架
python
c_lb728811 分钟前
零基础选策略工具,先分清三件事
人工智能·python
夜雪一千12 分钟前
Python如何使用XPath定位没有特征的元素?无id、无class通用定位技巧
开发语言·python
特立独行的猫a14 分钟前
DeepSeek Harness插件和工具的区别介绍及开发入门指南
前端·ai·agent·插件·deepseek·harness
小新讲网安20 分钟前
HTTP请求走私攻击实战:CL.TE与TE.CL绕过前端服务器全解析
服务器·前端·网络·web安全·http·架构·漏洞
风骏时光牛马24 分钟前
AI办公系统异常事件复盘分析
前端
console.log('npc')27 分钟前
React 19 + Vite 企业级前端项目:从零搭建到规范交付
前端·react.js·前端框架
流浪00129 分钟前
Python 基础语法(一):常量、变量、输入输出与运算符
开发语言·python
程序员黑豆32 分钟前
Java字符串常量池完全指南:原理、intern()方法与性能优化最佳实践
java·前端·ai编程