vue router history模式线上nginx部署刷新页面导致404

作者：知新_RL | 2024-05-24 22:51:40

踩

在 Vue router 中使用 history 模式时，刷新页面可能会导致 404 错误。这是因为在 history 模式下，Vue 路由器通过修改浏览器的历史记录来实现路由切换，但是当用户直接访问某个 URL 时，服务器端没有相应的处理逻辑，于是就会返回 404。

要解决这个问题，需要在 nginx 配置文件中添加如下配置：


location / {
   try_files $uri $uri/ /index.html;
}

上述配置将尝试查找请求的 URI 文件，如果找不到，则尝试查找以该 URI 开头的文件夹，如果还找不到则返回 index.html，使应用程序可以正确加载并处理该路由。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/619419

vue router history模式 线上nginx部署 刷新页面导致404