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