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