Question

My application is running on Sinatra and deployed on my Apache web server using Passenger. My directory structure is as follows:

approot
` public
  ` css
    - bootstrap.css
  ` uploads
    - empty.txt
` tmp
  - restart.txt
` views
  - success.haml
  - upload.haml
- config.ru
- myapp.rb

Inside upload.haml

%link(rel="stylesheet" href="css/bootstrap.css")

When I run this application on localhost:4567, the CSS loads just fine. However, when I deploy it on my web server, the CSS doesn’t load.

On my web server, the application is accessed using: rubyapps.mydomain.com/appname

And if I type: rubyapps.mydomain.com/appname/css/bootstrap.css, I am able to see the contents of my CSS file just fine.

Totally confused, and not getting how Sinatra handles this situation, looking for a little help.

Answer 1

You might be running into the need to use Sinatra’s URL helper.

For generating URLs you should use the url helper method, for instance, in Haml:

%a{:href => url('/foo')} foo

It takes reverse proxies and Rack routers into account, if present.

This method is also aliased to to (see below for an example).