在应用程序中定义了一条路线:
const routes: Routes = [
{ path: '', component: MainComponent },
{ path: 'users', component: UsersComponent }
]
在index.html中,基本href也已正确定义。
<base href="/">
在应用程序中导航时,路由正确加载。
但是当用户通过浏览器直接输入.../users
时,应用程序未加载并返回404.此外,当用户刷新网页(F5)时,也未加载应用程序。
角度代码或服务器配置有问题吗?
答案 0 :(得分:2)
这取决于您的服务器设置。
您需要在发生404时设置重定向到index.html
,
或设置重写,以便特定路径后的每个请求始终指向index.html
,
或者只是简单地将位置策略更改为哈希而不是HTML5(尽管不是我推荐的原因,如Peter所说)。