Vue2项目通过vite打包后，部署在nginx下，刷新后页面报404

报错解释：

Vue 2 项目在 Nginx 下刷新出现 404 错误通常是因为 Vue 的前端路由采用的是 HTML5 History 模式，而 Nginx 默认只支持静态文件的服务。当用户直接访问非首页链接或者刷新页面时，Nginx 会尝试寻找对应的物理路径文件，找不到就会返回 404 错误。

解决方法：

1. 在 Nginx 配置文件中添加重写规则，将所有页面请求都重定向到入口文件 index.html。

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

   这样就可以解决部署后，刷新页面报404问题啦。

    

   注：在读大学生一枚，该博客用于记录所学知识，如有不对的地方，请及时指教，谢谢各位。

   2023-03-12 15:45:50