在 angular-ui-router 上输入路由

Question

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

问题：有没有办法让 angular-ui-router 处理在浏览器中输入的路由，或者是否有一个 angular 路由器可以处理在浏览器中输入的路由？

背景：我打算使用 Angular 作为 WordPress 网站的前端，它能够处理在浏览器中丢弃的路由非常重要，例如，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，则不是，您的服务器会在 Angular 之前处理它。最简单的解决方案是将 Wordpress 应用程序安装在子目录中，并使用根来提供 Angular 应用程序。