配置Nginx解决Angular 4刷新路由重新加载报404错误
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="/">