Rails 路由 + AngularJS 路由

Question

我的 Angular 应用程序中有以下代码。

app.config(function($routeProvider, $locationProvider) {
   $locationProvider.html5Mode(true);
   $routeProvider
     .when("/users/:u_id/restaurants/:r_id/menus/:m_id/sections/:sec_id/items", { templateUrl: "/assets/menus/items.html", controller: "MenuItemCtrl" })
});

当我使用导航到路径时它工作正常

<a href="./sections/{{section.id}}/items">View Items</a>

但是当我刷新页面或直接转到 url 时，它会引发 rails 路由错误

No route matches [GET] "/users/3/restaurants/3/menus/4/sections/4/items"

如果我在 routes.rb 中创建此路由，它只会返回与响应关联的 JSON，并且不会路由到正确的模板。

有人知道如何解决这个问题吗？

Answer 1

在 rails 路由中，您必须将该请求重定向到 angular 基本 url，以便可以执行 angular。

否则，rails 会响应请求。这就是 html5mode 路由的工作原理。

编辑：

假设您的角度来自application#home。 你希望所有的 GET 请求都被重定向到那里，这样 Angular 就可以工作了。

添加这条路线get '*path', to: 'application#home' 将使所有 GET 请求成为角度页面。