Menu
I have a troubles with integrating Rails routing with AngularJS.
When I go to "localhost:3000" in browser input, it redirect me to the "localhost:3000/#/auth/sign_in"
but 'sign_in' template not render.
Then, secondary if I go to the "localhost:3000/#/", it redirect me to the "localhost:3000/#/auth/sign_in" and render 'sign_in' template right.
How to fix it, when I go to "localhost:3000" then render 'sign_in' ?
Router code here: http://pastie.org/8917505
Thanks!
291
I have found the solution.
You need to enable HTML5 mode for AngularJS:
angular.module('app').config(['$routeProvider', '$locationProvider',
function ($routeProvider, $locationProvider) {
...
$locationProvider.html5Mode(true);
}]
)
You also need to add the <base> html tag:
<html>
<head>
<base href="/">
...
</head>
</html>
It fixes Angular's incorrect processing of URL-path when you press Enter in the browser URL input again. Without this, the last 'domain' will be repeated:
localhost:3000/auth/sign_in
localhost:3000/auth/auth/sign_in
...
You also need to write correct route on server side (in Rails) for all SPA routes:
config/routes.rb
root 'application#main'
get '*path', to: 'application#main'
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With