vite 打包二级目录记录

2024-01-02 21:17:09

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

文章来源:https://blog.csdn.net/weixin_41645458/article/details/135347367
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。