spring boot + ajax 文件上传报错 ERR_CONNECTION_RESET：问题解决指南

2023-08-09 04:37:11

Spring Boot + AJAX 文件上传：修复“Failed to load resource: net::ERR_CONNECTION_RESET”错误

介绍

在使用 Spring Boot 和 AJAX 进行文件上传时，您可能会遇到恼人的错误：“Failed to load resource: net::ERR_CONNECTION_RESET”。这个错误让人抓狂，因为它没有提供太多线索来解决问题。不用担心，在这篇全面的指南中，我们将深入探讨这个错误并提供一步步的解决方案来帮助您解决它。

错误含义

当您在上传文件时遇到“Failed to load resource: net::ERR_CONNECTION_RESET”错误时，这意味着您的浏览器无法与服务器建立连接。这可能有多种原因，包括服务器问题、网络问题、防火墙问题等。

解决方案

为了解决此错误，您可以尝试以下步骤：

服务器端

检查服务器是否正在运行： 确保您的服务器正在运行并且可以接受请求。
检查服务器端代码： 确保您的服务器端代码已正确配置，并且可以处理文件上传请求。

网络

检查网络连接： 确保您的计算机已连接到互联网，并且您的网络连接稳定。
检查防火墙设置： 确保您的防火墙没有阻止与服务器的连接。
检查代理服务器设置： 如果您正在使用代理服务器，请确保其已正确配置，并且没有阻止与服务器的连接。

客户端

检查浏览器设置： 确保您的浏览器已启用 JavaScript，并且没有阻止与服务器的连接。
检查前端代码： 确保您的前端代码已正确配置，并且可以向服务器发送文件上传请求。

其他提示

尝试使用不同的文件上传库： 您当前使用的文件上传库可能存在问题，请尝试使用不同的库。
检查文件大小和类型： 确保您尝试上传的文件大小和类型符合服务器的限制。
在不同的环境中测试： 在不同的操作系统、浏览器和网络环境中运行您的应用程序，以排除环境问题。

示例代码

服务器端代码 (Spring Boot)

import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
public class FileUploadController {

    @PostMapping("/upload")
    public String uploadFile(@RequestParam("file") MultipartFile file) {
        // 处理上传的文件
        return "File uploaded successfully";
    }
}

客户端代码 (AJAX)

const uploadFile = () => {
    const file = document.getElementById("file").files[0];
    const formData = new FormData();
    formData.append("file", file);

    fetch("/upload", {
        method: "POST",
        body: formData
    })
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
};