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地址]
回车输入服务器密码

2. 查看nginx目录

nginx -t

3. 查看nginx配置

vi [目录]

4. 编辑nginx

i

5. 退出编辑状态

按键盘键esc

6. 保存并退出

:wq

7. 查看是否修改成功

nginx -t

8. 重新载入nginx配置文件

nginx -s reload

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