我正在使用 AngularJS 和 Rails 开发单页 Web 应用程序。
URL # 符号有问题。
$routeProvider 会添加一个哈希符号,因此 URL 看起来是/#/post,而我想要的是:/post 有人告诉我添加“$locationProvider.html5Mode(true);”这段代码,它确实有效。
但是当我输入类似 http://example.com/test 的 URL 时,新问题来了(不存在)重定向到 Rails 错误页面说没有这样的路线。问题是为什么路由由 Rails 路由处理,而不应该由 AngularJS $routeProvider API 处理?
$routeProvider.otherwise({redirectTo: '/'})
它应该重定向到根路径,但显示错误的 Rails 页面。当我输入/post (存在)时,它也会重定向到 Rails 错误页面(无路由),但/#/post 工作正常。我该怎么做才能修复它?
最佳答案
AngularJS 路由器仅在页面加载后负责。井号标签 (#) 正常工作的原因是因为 # 之后的任何路径名都没有传递给 rails。因此,当您输入 /#/test
时,它表示 Rails 路由器的根路径。但是当你输入 /test
时,rails route 将查找路由是否存在。
一种简单的方法是为每条缺失的路线呈现相同的 Angular 页面。 在你的路由文件的底部做这样的事情:
得到'*路径'=>“home#index”
关于ruby-on-rails - 在 Rails 中没有 # 的 Angular URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19961463/