Spi*_*ion 4 ruby-on-rails angularjs
在使用带有rails的html 5模式时,如何在每次用户刷新angularjs页面时避免性能下降?我正在使用Angularjs html5模式Ruby on Rails路由重定向.使用我的设置,如果我http://localhost:3000/users立即访问该网址http://localhost:3000/?goto=users,然后重定向到http://localhost:3000/users.使用html5模式时,我该怎么做才能避免这种性质的重定向?
myApp::Application.routes.draw do
namespace :api, defaults: {format: :json} do
namespace :v1 do
resources :users
end
end
# Re-route all angular requests to the angular router
get "/*path" => redirect("/?goto=%{path}")
root to: 'application#home'
Run Code Online (Sandbox Code Playgroud)
结束
myApp.config(function($routeProvider, $locationProvider, $httpProvider) {
$httpProvider.defaults.headers.common['X-CSRF-Token'] =
$('meta[name=csrf-token]').attr('content');
$routeProvider.
when('/', {
templateUrl: '../assets/mainIndex.html',
controller: 'MainController',
redirectTo:
function(current, path, search){
if(search.goto){
// if we were passed in a search param, and it has a path
// to redirect to, then redirect to that path
return "/" + search.goto;
}
else{
// else just redirect back to this location
// angular is smart enough to only do this once.
return "/";
}
}
}).when('/users', {
templateUrl: '../assets/users/userIndex.html',
controller: 'UsersController'
}).otherwise({
redirectTo:'/'
});
$locationProvider.html5Mode(true);
});
Run Code Online (Sandbox Code Playgroud)
以上是来自这个博客:http://omarriott.com/aux/angularjs-html5-routing-rails/
只需使用此rails路线:
# Route all valid requests to AngularJS
root to: 'application#home'
get "*path" => "application#home"
Run Code Online (Sandbox Code Playgroud)
和rails action_controller:
# We'll just use this as a launch point for our App
def home
# Render just the layout since this application is Angular driven
# our layout/application has all the angular logic and our controllers
# have no views for themselves. We just need a place to launch from
# and this happens to be it. So we have no view (thus :nothing => true)
# but we still want the layout (since it has the App bootstrap code)
render :layout => 'application', :nothing => true
end
Run Code Online (Sandbox Code Playgroud)
现在不需要处理angularjs路由器的重定向.只需为您的网页制作普通路线即可.
| 归档时间: |
|
| 查看次数: |
1777 次 |
| 最近记录: |