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;  # 重点，这里不是配置文件夹名称，而是代理路径名称
  }
}