Ruby on Rails和UI Router无法正常工作

Question

好的...所以我已经安装了UI Router和Rails模板来处理我项目中的AngujarJs。 到目前为止，一切都很好。 除非在chrome的栏中手动输入url（例如localhost：3000 / sign_in），否则会得到“ / sign_in没有匹配的路由”（Ruby错误）。

但是，如果在我的应用程序中有一个用于将状态（$ state.go）更改为该sign_in视图的按钮，则可以正常工作。

发生了什么？

Answer 1

发生的情况是您的角度应用程序出于其自身目的拦截了位置栏的更改，并阻止了浏览器向新网址发出http请求，因此在应用程序初始化之后一切都很好。

重新加载页面时，首先不会加载js应用程序，因此浏览器会将新页面加载中的位置发送到服务器。 但是由于服务器不知道Angular应用程序的路由，因此它尝试使用自己的处理程序进行响应，这种情况下该处理程序不存在。

现在解决此问题的最简单方法可能是更改ui-router配置，以在URL中包含＃。

angular.module('app', ['ui.router'])
    ...snip
    $locationProvider.html5Mode(false);
});

应该在路由的角度部分之前开始包含＃。 新路径将为“ /＃/ sign_in”。 浏览器将知道在＃之前将“ /”发送到服务器，这将使用angular init呈现页面为int，然后angular可以在＃之后处理“ / sign_in”部分。