星星之火-Nginx配置Vue前端,在url中输入路由访问时跳到出错页面

本文最后更新于:February 12, 2022 pm

积土成山,风雨兴焉;积水成渊,蛟龙生焉;积善成德,而神明自得,圣心备焉。故不积跬步,无以至千里,不积小流无以成江海。齐骥一跃,不能十步,驽马十驾,功不在舍。面对悬崖峭壁,一百年也看不出一条裂缝来,但用斧凿,能进一寸进一寸,能进一尺进一尺,不断积累,飞跃必来,突破随之。

目录

在搭建好项目后,发现一刷新页面就会跳到出错页面,结果发现是Nginx配置的问题。

出错配置:

1
2
3
location / {
try_files $uri $uri/ =404;
}

原因就在于 =404,当不匹配时,所有的都会跳到出错页面。修改后:

1
2
3
location / {
try_files $uri $uri/ /index.html;
}

这样,每次一刷新就不会跳到出错页面了,只会进行刷新。

📢注意:我这里的配置是只配置了 /index.html 就可以,是因为我只有一级路由,即:ip/page1、ip/page2 类似于这种的,对于多级的路由我并不知道这样配置是否有效!!!