vue发布到nginx下请求后台404问题及解决
作者:liulang1905
这篇文章主要介绍了vue发布到nginx下请求后台404问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue发布到nginx下请求后台404
先说下我的问题,在vue开始的时候配置了跨域代理,开始时没有问题,但是build 发布到nginx中时访问后台就404了,下面给出我的处理方法
先展示下错误的时候
这里是我登录的时候调用后端接口404没有资源
查看请求地址,发现我在vue里配置的代理地址没有生效,直接将我代理的那个前缀拼了上来,后又拼上了我需要请求的接口
个人分析原因
因为我这里需要跨域请求,在开发时配置了代理,但是在开始是使用的是 npm run 可能用的是node.js发布的就直接生效了 ,现在是用的nginx发布而本事配置的代理在这就失效了。
所以问题很简单就是尝试以下配置nginx代理是否可以解决问题,百度了以下nginx配置代理如下
这里我们在nginx中的conf文件夹下的nginx.conf中添加配置,
之后我们重启nginx 如果关闭不彻底,可以使用这个语句,在cmd直接执行
taskkill /f /t /im nginx.exe
启动之后正常了
最后改完发现这个请求地址和我之前分析的那个给我拼接的代理前缀好像没得毛关系。。
但是确实是nginx代理的问题
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。