标签：vue

解决Vue 3和Vite 3项目在Nginx服务器上的页面刷新404问题

在近期的一个基于Vue 3和Vite 3的小项目开发中，我遇到了一个有趣的挑战。在本地开发环境中，项目的运行和刷新都表现正常，但一旦通过build打包并部署到服务器上，页面刷新时就会意外地跳转到404页面。经过深入的排查和尝试多种解决方案，我最终确定问题并非出在项目代码上。经过对Nginx服务器的配置进行调整，我成功解决了这个问题。解决方案一：伪静态设置在Nginx的配置文件中，可以通过设置伪静态规则来确保当访问的资源不存在时，服务器能够返回正确的index.html文件。这通常是通过try_files指令来实现的，如下所示：location / { try_files $uri...