zoukankan      html  css  js  c++  java
  • 记录一次springboot+vue+axios进行大文件上传失败的问题(前端+后端)

    第一步:修改springboot multipart的配置

    spring:
      servlet:
         multipart: 
            max-file-size: 5000MB
            max-request-size: 5000MB

    第二步:修改tomcat服务器连接时间(还是springboot的配置文件)

    server:
     connection-timeout: 18000000

    前端依旧报错:报错如下

    第三步:增大前端VUE 发送异步请求axios的超时时间

    customRequest(data){ // 上传提交
            this.$message.success("文件正在上传!");
              const formData = new FormData() ;
              formData.append('file', data.file);
              console.log("data"+data);
              formData.append('token', "token")
              this.axios({
               method: 'post',
               timeout: 900000, //这个就是重点
               url: '/hdfs/saveFile',
               headers: {
               },
               params:{
               },
               data: formData
             }).then((response) => {
                 console.log(response) 
                 data.onSuccess();
               }).catch(function (error) {
                 data.onError();
                 console.log(error)
               })
             },

    总结:

    服务器端和前端 都要考虑超时的问题

    VUE axios中 会发送异步请求 如果在默认的时间内获取不到返回结果,axios就是中断这次连接,导致后端接受文件失败 后端报io.eof的错误

  • 相关阅读:
    算法笔记--数据结构--并查集
    帮助
    八数码难题神奇!!!
    题解 P1197 【[JSOI2008]星球大战】
    线段树1对于Pushdown的理解
    最短路问题之SPFA
    并查集(路径压缩)
    并查集(KRUSKAL算法)
    初识单调栈
    初识单调队列
  • 原文地址:https://www.cnblogs.com/erlou96/p/12403595.html
Copyright © 2011-2022 走看看