Tauri+React应用构建后无法跳转：登录响应但不重定向

可能原因 #

1. 前端路由模式适配问题
   开发模式依赖Vite dev server处理SPA路由，构建后静态文件加载时，若使用history模式且未配置路径 fallback，会导致路由跳转异常。
2. 生产环境变量配置错误
   .env.production中的API地址、路由基础路径等变量与开发环境不一致，可能导致重定向URL解析失败。
3. Tauri窗口导航权限限制
   若重定向涉及外部域名或内部路由未被Tauri的权限列表允许，会被阻止跳转；本地静态文件的路由处理逻辑与dev server存在差异。

解决方案 #

1. 修正前端路由与Vite配置 #

如果使用React Router的history模式，需在vite.config.js中配置适配本地静态文件的基础路径：

export default defineConfig({
  base: './', // 确保静态资源路径正确解析
  // 其他原有配置
})

同时确保路由配置使用相对路径，避免硬编码开发环境域名。

2. 校验生产环境变量 #

打开.env.production检查：

• API_BASE_URL是否正确，确保登录接口返回的重定向地址为前端可识别的相对路径（如/dashboard），而非开发环境的http://localhost:3333/xxx
• 路径前缀、斜杠等格式无错误

3. 调整Tauri导航权限配置 #

修改tauri.conf.json的窗口配置，放宽导航权限并适配本地路由：

"windows": [
  {
    "label": "main",
    "webview": {
      "allowlist": {
        "navigation": {
          "default": true,
          "navigate": true
        }
      },
      "sandbox": false // 关闭沙箱减少内部路由跳转限制
    }
  }
]

同时确认build字段的distDir指向正确，保证Tauri能加载到构建后的静态文件。

4. 手动替代接口重定向 #

放弃依赖接口返回的重定向，改为登录成功后用前端路由手动跳转：

import { useNavigate } from 'react-router-dom';

const navigate = useNavigate();

// 登录请求成功回调中
navigate('/目标路径');

这种方式避免Tauri环境下的导航限制，可靠性更高。

5. 先预览静态文件排查问题 #

构建后先用Vite预览静态资源，确认是否是Tauri加载的问题：

npm run build-desktop
npm run preview

若预览时重定向正常，问题出在Tauri配置；若预览也异常，则是前端代码或构建配置问题。

内容的提问来源于stack exchange，提问作者tisanyada