vue中前端调接口出现504 Gateway Time-out解决办法(服务器上)

场景

前端调后端接口,后端响应时间很久,会出现504 Gateway Time-out

原因

nginx中proxy默认链接时间是60s

解决办法

修改nginx连接超时时间

proxy_connect_timeout 300s;//建立tcp协议的连接时间
proxy_send_timeout 300s;//发送接口的时间
proxy_read_timeout 300s;//读取时间(接口响应时间)

修改过程

  • 因为项目已经部署到服务启上,就登录服务器在服务器上修改nginx配置
  • 因为我是因为接口响应时间太久导致的超时,所以我修改nginx中的配置proxy_read_timeout 300s;就解决了问题
  1. 登录服务器,并输入服务器密码
ssh [服务器名称]@[IP地址]
回车输入服务器密码
  1. 查看nginx目录
nginx -t
  1. 查看nginx配置
vi [目录]
  1. 编辑nginx
i
  1. 退出编辑状态
按键盘键esc
  1. 保存并退出
:wq
  1. 查看是否修改成功
nginx -t
  1. 重新载入nginx配置文件
nginx -s reload

修改nginx配置后要重新载入nginx配置,前端vue项目不需要重启,直接在此调用借口就行

你可能感兴趣的:(nginx,nginx,接口,vue.js)