美文网首页
处理上传大文件的超时问题

处理上传大文件的超时问题

作者: 前端小黑 | 来源:发表于2021-01-29 14:41 被阅读0次

    1. 问题

    最近项目中要上传一个80M的地图文件,后台对该文件进行了一系列的处理导致上传时间会上传时间会超过10分钟。由于我使用的是v-cli+axios。所以我就直接修改axios的超时时间设置为一个小时。但是谷歌浏览器下一到2分钟就会自动断开与后台的连接,接口什么返回值都么有。

    2. 解决过程

    最开始我一直以为是axios设置的timeout没有生效。改到了5ms发现是可以生效的。于是开始了和后台的疯狂battle。最后查阅了一堆网站发现是自己的问题,ε=(´ο`*)))唉。偷偷摸摸的改掉后完成了功能。

    3. 解决方案

    我们平时使用v-cli的项目都是通过webpackproxy设置跨域代理并进行接口请求。而这个proxy居然他喵的是有默认超时的(原谅我,以前真没有做过超过一分钟的网络请求过)。默认的超时时间是2分钟。问题找到,一行代码解决问题。

    module.exports = {
      assetsDir: "static",
      productionSourceMap: false,
      devServer: {
        proxy: {
          "": {
            ws: false,
            target: "http://localhost:8000",
            changeOrigin: true,
            timeout: 3600000
          },
        },
      },
    };
    

    感觉最近越来越短了,不是什么好现象啊。记录一下这个问题,希望能帮助到遇到同样问题的你。最后喜欢的话帮忙点个赞呗❤️❤️

    相关文章

      网友评论

          本文标题:处理上传大文件的超时问题

          本文链接:https://www.haomeiwen.com/subject/xwpqtltx.html