nginx刷新404问题

文章讲述了在配置Nginx转发后,遇到单页应用刷新时404的问题,原因在于Nginx未处理前端路由。解决方法是在location块中添加try_files代码,确保所有请求首先尝试index.html。

问题分析
在配置好 nginx 转发之后,发现页面能正常打开,但只要按 F5 刷新之后就会报 404。这是因为 web 单页面开发模式,只有一个 index.html 入口,其他路径是前端路由去跳转的,nginx 没有对应这个路径,然后就会报 404 错误。

解决
我们只需要在 location 里添加如下代码,再重启 nginx 就行了。
代码:

try_files $uri $uri/ /index.html;

如:

location / {
    root   html/web-home;
    index  index.html index.htm;
   # 将下面代码放到根目录的location配置项中
    try_files $uri $uri/ /index.html;
}

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值