在angular-ui-router上输入路由

Question

我正在使用WordPress网站托管javascript文件来演示 angular-ui-router的这个演示 （虽然应用作者并非打算使用此文件，但仍演示了我的问题）。 angular应用程序有一个/login路由，如果我单击主页上的链接，它将加载angular应用程序的login模板。 但是，如果我输入url http://localhost:8888/login它将显示WordPress登录页面，即，它不是由angular-ui-router处理的，这使它作为路由器是无用的/不可预测的。

问题：有没有办法让angular-ui-router处理浏览器中键入的路由，还是有角度路由器可以处理浏览器中键入的路由？

背景：我打算将angular作为WordPress网站的前端使用，它能够处理浏览器中丢弃的路由，例如http:localhost:8888/2015/10/10/my-wordpress-post ，这一点非常重要http:localhost:8888/2015/10/10/my-wordpress-post

这是处理login路径的代码

'use strict'; 
2 

3 routes.$inject = ['$stateProvider']; 
4 

5 export default function routes($stateProvider) { 
6   $stateProvider 
7     .state('login', { 
8       url: '/login', 
9       template: require('./login.html'), 
10       controller: 'LoginController', 
11       controllerAs: 'login' 
12     }); 
13 } 

Answer 1

问题是您的服务器正在侦听基于url的请求。 如果您在Angular页面上并单击链接，则说明您使用的是HTML5推送状态。 如果您输入的不是URL，则服务器将在角度输入之前处理该URL。 最简单的解决方案是将Wordpress应用安装在子目录中，并使用根来提供Angular应用。