Sinatra static assets are not found when using rackup

问题

I have a simple Sinatra app that is configured using the modular style. When I start the app using rackup -p 4567 as recommended in the readme file, the static assets in the public folder are not served. But when I start it using shotgun ./config.ru -p 4567 then they are served. Why does this happen? Could this happen in production?

Here is my code:

# config.ru
require 'rubygems'
require 'bundler'
require 'sinatra'
require 'jammit'

Bundler.require
Jammit.package!


require File.expand_path('./stick.rb')
run Stick

and this is the app ruby file

require 'sinatra/base'

class Stick < Sinatra::Base
  get '/' do
    haml :index
  end
end

回答1:

Looks like there are two good answers to this one (neither of the existing ones worked for me).

First off, in your config.ru file, you can include the following:

# Replace the directory names to taste
use Rack::Static, :urls => ['/stylesheets', '/javascripts'], :root => 'public'

Alternatively, if you're running your app via rackup, the :static option is set to false by default. You can remedy this by the following incantation:

class MyApp < Sinatra::Base
  set :static, true
  # ...
end

回答2:

I had the same problem and i solved like this. I have added this line in my config.ru .

map "/public" do
  run Rack::Directory.new("./public")
end

And i use the static files in my views like this

%link{:type => 'text/css', :rel => 'stylesheet', :href => '/public/css/reset.css'}
%link{:type => 'text/css', :rel => 'stylesheet', :href => '/public/css/text.css'}
%link{:type => 'text/css', :rel => 'stylesheet', :href => '/public/css/960.css'}
%link{:type => 'text/css', :rel => 'stylesheet', :href => '/public/css/app.css'}

回答3:

Not positive, but you may need to set :root, Stick.root?

(Based on How to deploy a modular Sinatra app to Heroku?)

回答4:

In order for me to get this working on a new Sinatra app launched via config.ru, I had to do two of the things suggested in the other answers:

class MyApp < Sinatra::Base
  set :static, true
  set :root, File.dirname(__FILE__)
end

回答5:

First create a folder named "public" in your sinatra project, then add a couple of folders

stylesheets
javascripts
images

Add your CSS, JS and or JPG,PNG (images) to each folder

Finally as @sirfilip says add below lines to config.ru file

map "/public" do
 run Rack::Directory.new("./public")
end

If generic Sinatra (no framework default)

views/layout.erb

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    ...
    <link rel="stylesheet" href="stylesheets/your_file.css">
    <link rel="icon" type="image/ico" href="images/your_image.ico" />
</head>
<body>
<%= yield %>
...
<script src="javascripts/your_js.js"></script>

views/index.erb

      <div class="margin-bottom-30">
        <div class="row">
          <div class="col-md-12">
            <ul class="nav nav-pills">
              <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
              <li>...</li>
            </ul>          
          </div>
        </div>
      </div>

All of you images, stylesheets and javascripts will be available for any url registered in your Sinatra app , problem solved!

来源：https://stackoverflow.com/questions/5055489/sinatra-static-assets-are-not-found-when-using-rackup

标签

ruby

configuration

sinatra