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

相关推荐
下北沢美食家2 分钟前
React面试题2
前端·react.js·前端框架
人工干智能6 分钟前
科普:Manim 的显示范围问题
python
摇滚侠7 分钟前
HTML CSS 演示小米 logo 的变化 border-radius 属性设置圆角
前端·css·html
索西引擎8 分钟前
项目级 python 包管理工具 UV
python·uv
❆VE❆9 分钟前
虚拟列表原理与实战运用场景详解
前端·javascript·css·vue.js·html·虚拟列表
weixin_4080996711 分钟前
【实战教程】EasyClick 调用 OCR 文字识别 API(自动识别屏幕文字 + 完整示例代码)
前端·人工智能·后端·ocr·api·安卓·easyclick
Bigger14 分钟前
第四章:我是如何扒开 Claude Code 记忆与上下文压缩机制的
前端·claude·源码阅读
2401_8274999916 分钟前
python项目实战10-网络机器人01
开发语言·python
还在忙碌的吴小二18 分钟前
在 Mac 上安装并通过端口调用 Chrome DevTools MCP Server(谷歌官方 MCP 服务器)
服务器·前端·chrome·macos·chrome devtools
云程笔记3 小时前
004.环境搭建基础篇:Python、CUDA、cuDNN、PyTorch/TensorFlow安装与版本兼容性踩坑
pytorch·python·tensorflow