发布于 1年前

配置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="/">
©2020 edoou.com   京ICP备16001874号-3