Client-side Javascript app – url routing with no hash tag

by

In Ember.js (version 1.0.0rc3) this can be accomplished by using the Ember.js location API:

App.Router.reopen({
  location: 'history'
});

And then setting the web server to redirect traffic to the Ember application.

To give a concrete example here is a basic Apache .htaccess file redirecting traffic to the Ember application located in index.html:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html#$1 [L]

As Alex White points out Apache 2.2.16 and above supports a simpler configuration for redirecting traffic to a single target:

FallbackResource /index.html

The FallbackResource is part of the mod_dir module and requires AllowOverride Indexes to be set.

Make sure to test the application routes thoroughly. One common error is Uncaught SyntaxError: Unexpected token <, which is caused by using relative links to CSS and JS files. Prepend them with a / mark to make them absolute.

This functionality is not supported in Internet Explorer <10.

More Related Contents:

  1. Ember-data embedded records current state?
  2. How to use multiple models with a single route in EmberJS / Ember Data?
  3. Ember component send action to route
  4. Using Ember.js, how do I run some JS after a view is rendered?
  5. Get current route name in Ember
  6. Handling errors with the (now default) Ember Data JSON-API adapter
  7. Hashbang URLs using Ember.js
  8. emberjs – how to mark active menu item using router infrastructure
  9. Ember pagination full example
  10. infinite scroll with ember.js (lazy loading)
  11. How can an observer find out the before and after values of the observed property in Ember.js?
  12. Is it possible to load a Handlebars template via Ajax?
  13. What is the purpose of the Ember.Container
  14. How to fire an event to Ember from another framework
  15. Difference between Ember.get() and this.get()
  16. How to use third party npm packages with ember cli app
  17. Right way to do navigation with Ember
  18. Positional index in Ember.js collections iteration
  19. AngularJS passing data to $http.get request
  20. Is it worth hashing passwords on the client side
  21. Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate
  22. Multiple path names for a same component in React Router
  23. SPA best practices for authentication and session management
  24. What is the difference between React Native and React?
  25. url with multiple forward slashes, does it break anything?
  26. Single Page Application: advantages and disadvantages [closed]
  27. MVC Routing Parameter Precedence
  28. How to change route to username after logged in?
  29. Is there anyway to detect OS language using javascript?
  30. Exploiting JavaScript’s eval() method

Leave a Comment