使用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 分钟前
中国制造网商品详情接口进阶实战:跨境场景下的差异化适配与问题攻坚
java·前端·javascript
无知的小菜鸡10 分钟前
React:使用高阶组件实现vue中的路由守卫功能
前端·vue.js·react.js
xzl0411 分钟前
小智服务器intent_type 初始化为function_call过程
linux·前端·数据库
弓.长.15 分钟前
小白基础入门 React Native 鸿蒙跨平台开发:ImageBackground毛玻璃背景效果
react native·react.js·harmonyos
wuhen_n15 分钟前
Webpack vs Vite:前端构建工具对比
前端·webpack·node.js·vite
EverydayJoy^v^15 分钟前
RH134学习进程——四.归档和传输文件
服务器·前端·网络
弓.长.16 分钟前
小白基础入门 React Native 鸿蒙跨平台开发:实现简单的步进器
react native·react.js·harmonyos
muddjsv23 分钟前
JavaScript 结合 Flex 布局的深度解析 (解锁前端布局新范式)
前端·javascript
卿着飞翔24 分钟前
win11安装配置nginx并部署ruoyi前端
运维·前端·nginx
jiayong2324 分钟前
前端性能优化系列(一):问题分析与诊断
前端·性能优化