当在 vue 应用中使用路由/article，并且后端 nginx 也有/article路由时，刷新页面后可能会导致页面跳转到其他位置。这是因为 nginx 拦截了刷新请求，并将其重定向到自己定义的/article路由。
解决方法：
移除后端 nginx 的/article路由：将 nginx 配置中的/article路由移除，以避免与 vue 应用中的路由冲突。使用 nginx 的 try_files 配置：如果你在 vue 应用中启用了历史路由模式，则需要在 nginx 配置中使用try_files来指定文件查找顺序。这将确保 nginx 在找不到静态文件时不会进行 url 重写。
nginx 配置示例：
立即学习“前端免费学习笔记（深入）”；
location / { root /path/to/html/; try_files $uri $uri/ /index.html =404;}
登录后复制
注意：
确保 vue 应用和 nginx 配置都已更新，并重新启动相关服务。如果页面仍然跳转到错误的位置，请检查 nginx 配置文件和其他可能影响路由行为的设置。
以上就是Vue路由与Nginx路由冲突怎么办？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/1419739.html
