nginx实现路由重定向功能 避免服务器出现 404 Not Found

文章介绍了如何在Vue或React项目中使用Nginx解决带后缀的URL重定向问题,包括从服务器复制nginx配置文件,添加重定向规则,将修改后的配置回传并重启Nginx服务的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先 到服务器上 vue react等项目路由的重定向已解决不了带后缀的访问
这个重定向需要 nginx 来实现

我们先执行

scp -r 用户名 如果没设置过就是root@服务器公网地址:/etc/nginx/nginx.conf E:/拷贝地址

这里 我将服务器上的nginx配置文件 拷贝到了本地的 E盘下的 拷贝地址目录下

我的路径配置是这样写的
在这里插入图片描述
其实我们只需要加一行重定向配置

try_files $uri $uri/ /index.html;

在这里插入图片描述
然后 我们在本地执行

scp -r ./nginx.conf 用户名(如果之前没设置过就是 root)@服务器公网地址:/etc/nginx/

重新将 配置 文件送回服务器

然后 我们到服务器上 执行

sudo systemctl reload nginx

在这里插入图片描述
重载一下nginx配置

然后再去访问 我们的应用就有重定向的功能啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值