vite 打包二级目录记录_vite打包 二级域名

1、react 配置

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

<HashRouter>
  <App />
</HashRouter>
1
2
3

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

1、package 配置

{
	...other,
	"homepage": "/web"
}
1
2
3
4

2、vite.config 配置

export default defineConfig({
	//...other,
	base: '/web'
	//...other,
])
1
2
3
4
5

3、BrowserRouter 添加配置项

<BrowserRouter basename='/web'>
  <App />
</BrowserRouter>
1
2
3

4、nginx 配置

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