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

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

相关推荐
Surprisec5 分钟前
动手实践YJS:构建你的第一个实时协作文档编辑器
前端·javascript·面试
晴殇i6 分钟前
JavaScript新一代异步写法:不用await,性能提升80%
前端·面试
患得患失9497 分钟前
【前端】【React】useCallback的作用与使用场景总结
前端·javascript·react.js
Violet5157 分钟前
🎢从零打造React组件库!Rollup+TS+React19保姆级上车指南(一)🚀
react.js·前端框架
wordbaby9 分钟前
TanStack Query :现代 Web 应用的异步状态管理利器
前端
江沉晚呤时11 分钟前
深入解析策略模式在C#中的应用与实现
java·服务器·开发语言·前端·.netcore
Hamm13 分钟前
如何在TypeScript里使用类封装枚举来实现Java的枚举形参倒置
java·前端·typescript
树上有只程序猿35 分钟前
如果单表数据量大,只能考虑分库分表吗?
前端
蘑菇头爱平底锅44 分钟前
数字孪生-DTS-孪创城市-前端用代码实现行政区划分
前端·数据可视化
安迪小宝1 小时前
python基础语法13-装饰器
开发语言·前端·python