配置Nginx解决Angular 4刷新路由重新加载报404错误

时间:2022-06-01 16:55:15

Angular重新加载页面会报404,原因可分为三种:

1、路由不存在

2、Angular使用html5模式的路由,需要把所有路由的请求映射到index.html

配置Nginx如下:

location / {
    root /var/html;
    try_files $uri $uri/ /index.html =404;
  }

其中root配置的是html文件所在的文件夹

3、Angular使用hash的路由(即用#的URL来路由),base配置有误

<base href=".">

需要改为

<base href="/">