mod_rewrite to index.html breaks relative paths for deep URLs

by

I got it to work and this is how:

When you give the following as the src:

<script src="https://stackoverflow.com/questions/10865480/js/app/config.js"></script>

you’re right in that Apache correctly reroutes to index.html (or whatever fallback URL you have) and then tries to access resources relatively according to nested path in the URL.

To correct this, you need to have a leading “https://stackoverflow.com/” to signify the root directory, as follows:

<script src="https://stackoverflow.com/js/app/config.js"></script>

Once I did this for my js libraries, css sheets, etc, it worked perfectly fine and backbone.js handled all URLs from there out.

Note: In Apache 2.2+, you can now use FallbackResource instead of mod_rewrite, it requires fewer lines and accomplishes the same thing.

Another thing recommended is to use absolute URLs whenever you can.

More Related Contents:

  1. How to Detect Browser Back Button event – Cross Browser
  2. How can I let a user download multiple files when a button is clicked?
  3. Single Page Application: advantages and disadvantages [closed]
  4. Is store.dispatch in Redux synchronous or asynchronous
  5. Debug message “Resource interpreted as other but transferred with MIME type application/javascript”
  6. Hacked Site – SSH to remove a large body of javascript from 200+ files [closed]
  7. Running Node.js in apache?
  8. Print a div using javascript in angularJS single page application
  9. How to deploy a React App on Apache web server
  10. Tell screen reader that page has changed in Backbone/Angular single-page app
  11. Countdown in javascript, database and php
  12. Incrementing a date in JavaScript
  13. Remove ALL white spaces from text
  14. How can I convert the “arguments” object to an array in JavaScript?
  15. Console.log showing only the updated version of the object printed
  16. Getting value of HTML Checkbox from onclick/onchange events
  17. How to display a confirmation dialog when clicking an link?
  18. Is it possible to pass a flag to Gulp to have it run tasks in different ways?
  19. Why does console.log say undefined, and then the correct value? [duplicate]
  20. JavaScript Exception Handling
  21. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  22. reactjs this.refs vs document.getElementById
  23. Angular 2, set default value to select option
  24. How to capture a backspace on the onkeydown event
  25. Chart.js v2: How to make tooltips always appear on pie chart?
  26. How to programmatically fire a dblclick event defined with addEventListener?
  27. Make a instead of by pressing Enter on a contenteditable
  28. Is there a way to use the Web Audio API to sample audio faster than real-time?
  29. How to get element by class name
  30. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?

Leave a Comment