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

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
      },
    },
  },
};

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

你可能感兴趣的:(处理上传大文件的超时问题)