Vue3项目接口请求超时设置本地有效但上线无效的原因是什么？

Question

请问为什么我用vue3写项目的时候设置了接口的请求超时,在本地生效,上线后无效了?!
无论是在vue.config.js里配置还是直接在页面请求里添加timeout都失效.在开发环境下没问题,但是上线后这个设置就会失灵?

 devServer: {
    host: IP,
    proxy: {
      '/api': {
        target: 'http://10.10.1.90:8008/',//这里填入你要请求的接口的前缀
        ws: true,//代理websocked
        changeOrigin: true,//虚拟的站点需要更管origin
        secure: true,                   //是否https接口
        pathRewrite: {
          '^/api': ''//重写路径
        },
        timeout: 20 * 60 * 1000, // 设置超时
        proxyTimeout: 20 * 60 * 1000, // 设置代理超时
      }}}

 const axiosConfig = {
                        headers: {
                            "Content-Type": "application/json",
                        },
                        timeout: 20 * 60 * 1000, // 设置超时为 20 分钟
                    };
                    // 发送 Axios 请求
                    axios
                        .post(
                            "/api/MappingExport",
                            JSON.parse(str),
                            axiosConfig
                        )
                        .then((res) => {
                            if (res.data) {
                                This.loading("正在导入...", false);
                                This.Bullet("成功", "导入成功", "success");
                            } else {
                                This.loading("正在导入...", false);
                                This.Bullet("失败", "数据格式出错", "error");
                            }
                        })

会不会随时后端的问题?但我询问后端,后端说他也设置了相应的请求超时.那问题是出现在服务器上?服务器有个检测api前缀然后代理转发的过程

Answer 1

配置下nginx，本地proxy只在本地有效，打包上线后就没用了

Answer 2

抛给后端处理就行