VUE前后端分离遇到问题总结

阅读更多

1、上传100m左右的文件的时候 请求2分钟本地会报network error

原因：本地用dev模式启动时，可能是全局代理设置死了超时时间2分钟

在api里面设置超时时间也没用

export const TIME_OUT = 10000; // 请求超时时间

// 请求超时时间

axios.defaults.timeout = TIME_OUT

单个post请求设置超时时间依旧没用

 

解决：

module.exports = {

dev: {

// Paths

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {

'/olaunch': {

target: 'http://192.168.30.106:8080/', //目标接口域名

changeOrigin: true, //是否跨域

pathRewrite: {

'^/olaunch': 'olaunch' //重写接口

},

timeout: 1000* 60* 60

},

'/mofang-operation': {

target: 'http://192.168.30.106:38880/', //目标接口域名

changeOrigin: true, //是否跨域

pathRewrite: {

'^/mofang-operation': 'mofang-operation' //重写接口

},

timeout: 1000* 60* 60

}

},

// Various Dev Server settings

host: '192.168.30.106', // can be overwritten by process.env.HOST

port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

autoOpenBrowser: false,

errorOverlay: true,

notifyOnErrors: true,

poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

/**

* Source Maps

*/

// https://webpack.js.org/configuration/devtool/#development

devtool: 'cheap-module-eval-source-map',

在代理设置timeout本地超时的时间就可以解决了

 

2、还有一种是在服务器上报504 timeout

原因：vue项目部署在服务的nginx上，nginx设置超时时间为默认时间大概60s吧

解决：在nginx上改配置文件proxy_read_timeout 1200;