无法直接从浏览器访问 Angular 组件

我有一个使用 Angular 1.5 组件的小型 Web 应用程序。当我启动服务器时，浏览器将我重定向到http://127.0.0.1:50001/欢迎 http://127.0.0.1:50001/welcome，这是预期的，并且欢迎页面出现。比如说，如果我想创建一个新用户，我单击该链接，URL 会更改为http://127.0.0.1:50001/welcome/newUser http://127.0.0.1:50001/welcome/newUser新的用户表单出现。

当我尝试直接访问 URL（或刷新页面）时会出现此问题 - 页面根本无法加载。控制台中没有出现错误 - 没有任何反应。

我的配置如下：

根组件：

.component('webGuiComponent', {
  template: '<ng-outlet></ng-outlet>',
  $routeConfig: [
    { path: '/welcome/...', name: 'Welcome', component: 'welcomeComponent', useAsDefault: true }
  ]
})

.value('$routerRootComponent', 'webGuiComponent');

欢迎组件：

.component('welcomeComponent', {
  template: '<header></header><ng-outlet></ng-outlet>',
  $routeConfig: [
    { path: '/', name: 'Index', component: 'indexComponent', useAsDefault: true },
    { path: '/newUser', name: 'NewUser', component: 'newUser' }
  ]
})

.component('indexComponent', {
  templateUrl: '/app/components/welcome/index.html'
});

新用户组件：

.component('newUser', {
  controller: 'userController',
  templateUrl: '/app/components/user/new.html'
})

导航链接使用标准 ng-links：

<a class="navbar-brand" ng-link="['/Welcome/Index']">Web GUI</a>
<a class="navbar-brand" ng-link="['/Welcome/NewUser']">Sign Up</a>

有谁知道为什么导航在通过 ng-link 完成时有效，但在直接访问 URL 时却不起作用？

您必须为您在客户端定义的所有路径添加服务器端路由，这将呈现您的主页。实施取决于您使用的服务器端技术。

或者你必须使用#based Url's

解释

当您没有基于 # 的 URL 时，浏览器将前往服务器获取资源，但找不到任何内容。因此，当您定义服务器端路由时，它会为主页提供服务，然后发生客户端路由。