vue发布到nginx下请求后台404问题及解决
更新时间：2024年03月12日 08:55:23 作者：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代理的问题
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章给大家介绍了基于vue封装一个带眼睛的密码子组件的方法,文章中有详细的代码讲解,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue3使用el-slider滑块遇到的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2026-03-03
这篇文章主要介绍了vue3中使用v-model实现父子组件数据同步的三种方案,如果只有一个匿名v-model的传递的话,可以使用vue3.3新添加的编译宏,defineModel来使用,每种方案结合示例代码给大家介绍的非常详细,需要的朋友可以参考下2023-10-10
本文主要介绍了el-form的model、prop属性和表单校验等使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
本文主要介绍了Vue项目部署到jenkins的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了vue中ref和e.target的区别以及ref用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
下面小编就为大家带来一篇浅谈mint-ui loadmore组件注意的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要为大家介绍了Vue开发手册Function-based API RFC使用示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
今天小编就为大家分享一篇基于axios 的responseType类型的设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
本文详细讲解了Vuex和其使用方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
最新评论