将Vue项目部署到Nginx中,出现的400,405,200响应空等问题处理
最近用Vue3写了个项目,然后对接后台接口。
在本地vue配置文件中,配置了反向代理。成功请求了后端接口。
自测没有问题。
打包vue,发布到nginx中。运行nginx,成功显示了页面。
当点击页面上提交时,接口报400。
翻阅了一些资料,发现需要重新在Nginx中配置反向代理。指向接口地址。
按照一些博客,配置了反向代理。
重新运行Nginx,请求页面,点击提交。结果报405。
有翻阅了一些资料,都说是Nginx不支持post请求静态文件。
为了处理这个405,需要将这个405直接指向200,重定向到接口地址。
405指向200,重定向接口地址。重启Nginx,请求页面,点击提交,这次没有报异常,响应200.
但是呢,没有返回数据。
又翻阅了资料,翻遍了资料,也没有找出是什么问题。
那没办法了,只能开动自己的小脑瓜,靠自己。
到这时,我才想起,去看一下后端接口服务器,有没有接收到请求日志。
最后发现,是Nginx配置路径问题,导致200没有任何响应。
最后将Nginx中反向代理的路径配置为后端接口地址,成功返回数据。
以上是这次发布Vue到Nginx上,部署运行的各种问题。踩了很多坑,总结出来的。融合了多篇博客和自己排查发现的解决办法。