vue history 模式nginx配置及配置后刷新 404 的解决办法! 宝塔+tp5+Nginx

Struggle Road

于 2020-03-16 11:15:13 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： nginx php

本文链接：https://blog.youkuaiyun.com/u014737919/article/details/104894684

本文详细介绍了如何在 Vue.js 的 history 路由模式下配置 Nginx 服务器，以解决刷新页面时出现的 404 错误问题。通过示例展示了具体的配置代码，确保前端路由在刷新时能正确返回 index.html 文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写自定义目录标题

vue history 模式nginx配置及配置后刷新 404

vue history 模式nginx配置及配置后刷新 404

打开宝塔域名（网站）管理：
在这里插入图片描述

我前端包在名称“INContrarian”，这个名字，切记一定要在你域名下配置文件不在Nginx。

      location /INContrarian{
         if (!-e $request_filename) {
            rewrite ^/(.*) /INContrarian/index.html last;
            break;
        }
      }