react 项目打包二级目 使用BrowserRouter 解决页面刷新404 找不到路由

使用BrowserRouter

package 配置 （这部分代码可以不做配置也能实现）

{"homepage": "/admin",}

vite.config 配置

export default defineConfig({base: '/admin'])

BrowserRouter 添加配置项

<BrowserRouter basename='/admin'><App />
</BrowserRouter>

nginx配置

server {listen       80;server_name  www.demo.com;root         /var/www;index        index.html;location /admin{try_files $uri /admin/index.html;  # 重点，这里不是配置文件夹名称，而是代理路径名称}
}