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