问题分析
在配置好 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;
}

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

被折叠的 条评论
为什么被折叠?



