使用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配置:出现的刷新不能访问就是这里的问题,将 ./ 换位 / 就可以了

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

相关推荐
YaHuiLiang4 分钟前
小微互联网公司与互联网创业公司 -- 学历之殇
前端·后端·面试
用户26124583401617 分钟前
vue学习路线(11.watch对比computed)
前端·vue.js
CAD老兵13 分钟前
前端 Source Map 原理与结构详解
前端
gnip17 分钟前
markdown预览自定义扩展实现
前端·javascript
大猫会长28 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_28 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe101030 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang31 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi31 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课35 分钟前
AJAX请求跨域问题
前端·javascript·http