vite 打包二级目录记录

1、react 配置

首先放一个简单粗暴的方法
使用 HashRouter， 缺点就是路由会带 #

<HashRouter>
  <App />
</HashRouter>

使用 BrowserRouter 时需要进行下面配置

1、package 配置

{
	...other,
	"homepage": "/web"
}

2、vite.config 配置

export default defineConfig({
	//...other,
	base: '/web'
	//...other,
])

3、BrowserRouter 添加配置项

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

4、nginx 配置

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