thinkphp5 与 vue 前端刷新页面报 404 错误的解决方法
在使用 thinkphp5 作为后端和 vue.js 作为前端开发时，遇到了刷新页面出现 404 错误的情况。具体表现为：在前端代码打包后，将其放置在 public 文件夹下后，刷新页面就会报错。
问题分析
这个问题产生的原因在于，nginx 的配置没有正确处理刷新页面时的路由。由于前端使用的是 history 模式，刷新时不会触发后端路由，而是直接请求前端代码对应的路径。如果 nginx 配置中没有针对这些路径的处理规则，就会报 404 错误。
立即学习“PHP免费学习笔记（深入）”；
解决方法
为了解决这个问题，需要在 nginx 配置中添加 try_files 指令，以确保刷新页面时正确处理请求。修改后的 nginx 配置如下：
location / { root E:/www/doctorLink/public; index index.html; # 解决 404 try_files $uri $uri/ /index.html;}
在这个配置中，try_files 指令的作用是：
尝试寻找 $uri 指定的文件。如果文件不存在，则尝试寻找 $uri/ 指定的目录。如果目录也不存在，则尝试寻找 /index.html 文件。
通过这种方式，nginx 可以正确处理刷新页面的请求，并确保始终加载 index.html 文件，从而避免 404 错误。
以上就是ThinkPHP5和Vue项目刷新页面出现404错误如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1283337.html
微信扫一扫 
支付宝扫一扫 
