本地vue项目部署到线上测试环境,报405错误解决方法

当Vue项目部署至nginx服务器后会出现405错误,首先检查一下,请求接口的方法是否正确,然后看看请求是否发送到后台了,最后按照以下步骤执行!!!

本地vue项目部署到线上测试环境,报405错误解决方法_第1张图片

原因:出现这个错误,是因为未在nginx.conf中配置api的请求地址。
解决方法:如我的api请求地址为:http://172.21.0.88:8080/api,那么我就在nginx.conf中的server{}里面添加以下配置:

location /api/{
    proxy_pass http://172.21.0.88:8080;
}

本地vue项目部署到线上测试环境,报405错误解决方法_第2张图片
添加之后,重启ngnix服务即可解决。
以上为405错误的解决方法。
如果出现504,表示服务器请求超时,那么就还去nginx.conf中添加以下配置
proxy_read_timeout 1200;

将请求时间设置长一些,单位为秒,我设置的夸张些,然后重启nginx服务器试试。
本地vue项目部署到线上测试环境,报405错误解决方法_第3张图片

你可能感兴趣的:(vue,vue,nginx)