使用react+vite开发项目时候,部署上线后刷新页面无法访问解决办法

说一下我这边的环境和使用的路由模式:vite+react+BrowserRouter路由模式,所以如果你和我一样的话,可以试试我的这种解决办法,我是将项目打包后直接丢到服务器上的目录里面,然后配置nginx直接访问根目录。

我的nginx配置:

html 复制代码
server {
        listen 80;
        server_name 你的域名;

	    root /你的路径/dist;
        index index.html;

        location / {
		    try_files $uri $uri/ /index.html;
        }
}

我的vite配置:出现的刷新不能访问就是这里的问题,将 ./ 换位 / 就可以了

然后重新编译打包,部署到线上就可以了

相关推荐
非优秀程序员5 小时前
第10章 千团出世|《互联网产品恩仇录》
前端
非优秀程序员5 小时前
第11章 小高在对面|《互联网产品恩仇录》
前端
非优秀程序员5 小时前
第14章 只剩美团|《互联网产品恩仇录》
前端
非优秀程序员5 小时前
第09章 老乡何必为难老乡|《互联网产品恩仇录》
前端
非优秀程序员5 小时前
第03章 三大门户,烽烟起于瀛海威|《互联网产品恩仇录》
前端
曦樂~9 小时前
【Web Development】02 CSS
前端·css
风骏时光牛马10 小时前
后端服务接口开发与数据逻辑处理
前端
东鹏特饮10 小时前
经典打砖块(Breakout)游戏
前端·css·css3
IT_陈寒10 小时前
Vite的HMR把我整不会了:一个生产环境的热更新坑
前端·人工智能·后端
Mh10 小时前
如何使用双缓冲优化视频切换
前端