欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-03 08:47:47
...

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;