【问题标题】:relative paths for accessing rails assets访问 rails assets 的相对路径
【发布时间】:2012-07-29 06:02:06
【问题描述】:

我被困住了! xD 我一直在从事 Rails 项目,但无法使用相对路径访问我的资产。我的一个朋友在处理控制器和模型时正在处理 html/css 方面的工作。我的朋友最近给了我一批结构如下的文件:

app/assets/images/*.jpg
app/assets/stylesheets/*.css
app/assets/javascripts/*.js
app/assets/fonts/*.* (+some more css files in here)

在我的 app/views/layouts 目录中,我有一个名为 final.html.erb 的布局,用于我的整个 web 应用程序。我还有 1 个页面(html 正文内容),我正在尝试使用名为 final_page.html.erb 的 app/views/pages 中的此布局进行渲染……页面加载所需的路由已到位;但是,它只加载 final_page.html.erb 的上下文(没有图像、样式或字体)。当我进入控制台并输入“rails server”并访问 localhost:3000 时,页面会显示出来......裸体大声笑。控制台输出以下内容:


Started GET "/" for 127.0.0.1 at 2012-07-28 21:15:02 -0700
Connecting to database specified by database.yml
Processing by PagesController#final_page as HTML
  Rendered pages/final_page.html.erb within layouts/final (8.4ms)
Completed 200 OK in 82ms (Views: 81.0ms | ActiveRecord: 0.0ms)


Started GET "/assets/stylesheets/style.css" for 127.0.0.1 at 2012-07-28 21:15:04 -0700

ActionController::RoutingError (No route matches [GET] "/assets/stylesheets/style.css"):
  actionpack (3.2.6) lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
  actionpack (3.2.6) lib/action_dispatch/middleware/show_exceptions.rb:56:in `call'
  railties (3.2.6) lib/rails/rack/logger.rb:26:in `call_app'
  railties (3.2.6) lib/rails/rack/logger.rb:16:in `call'
  actionpack (3.2.6) lib/action_dispatch/middleware/request_id.rb:22:in `call'
  rack (1.4.1) lib/rack/methodoverride.rb:21:in `call'
  rack (1.4.1) lib/rack/runtime.rb:17:in `call'
  activesupport (3.2.6) lib/active_support/cache/strategy/local_cache.rb:72:in `call'
  rack (1.4.1) lib/rack/lock.rb:15:in `call'
  actionpack (3.2.6) lib/action_dispatch/middleware/static.rb:62:in `call'
  railties (3.2.6) lib/rails/engine.rb:479:in `call'
  railties (3.2.6) lib/rails/application.rb:220:in `call'
  rack (1.4.1) lib/rack/content_length.rb:14:in `call'
  railties (3.2.6) lib/rails/rack/log_tailer.rb:17:in `call'
  rack (1.4.1) lib/rack/handler/webrick.rb:59:in `service'
  /usr/lib/ruby/1.9.1/webrick/httpserver.rb:138:in `service'
  /usr/lib/ruby/1.9.1/webrick/httpserver.rb:94:in `run'
  /usr/lib/ruby/1.9.1/webrick/server.rb:191:in `block in start_thread'


  Rendered /var/lib/gems/1.9.1/gems/actionpack-3.2.6/lib/action_dispatch/middleware/templates/rescues/routing_error.erb within rescues/layout (2.0ms)

我认为问题在于我正在尝试使用相对路径访问文件。我的布局文件如下所示:

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="viewport" content="width=device-width">
<title>:: Final ::</title>
<link rel="stylesheet" type="text/css" href="../../assets/stylesheets/style.css">
<link href="../../assets/stylesheets/desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:769px) and (max-width:1000px)">
<script src="../../assets/javascripts/modernizr.js" type="text/javascript"></script>
</head>
<body>
  <%= yield %>
</body>
</html>

另外,在我的 final_page.html.erb 文件的正文中,我也尝试使用相对路径访问图像......就像这样:

<img src="../../assets/images/mainImg.jpg" alt="img"> 

我的朋友编写了这个 html 的大部分内容,他使用 rails 的经验为 0。我决定像这样更改对资产的请求:

发件人:

<link rel="stylesheet" type="text/css" href="../../assets/stylesheets/style.css">

收件人:

<%= stylesheet_link_tag "application.css" %>

发件人:

<script src="../../assets/javascripts/modernizr.js" type="text/javascript"></script>

收件人:

<%= javascript_include_tag "application.js" %>

发件人:

<img src="../../assets/images/mainImg.jpg" alt="img">

收件人:

<%= image_tag "mainImg.jpg"  %>

这有点帮助,因为图像加载,并且很少有样式通过;然而,它与它应该看起来的样子相去甚远。我想这是因为我的朋友自己在 css 文件中进行了相对调用:

body {
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
}

我尝试将这些替换为 url() 等... 但它没有效果。我已经尝试了很多东西,并且阅读了很多帖子。我想知道 Rails 是否允许我使用相对路径。我试过了:

config.assets.enabled = false

但这无济于事......请......我做错了什么?我认为我的朋友不会想停止在他的工作中使用相对路径,因为这是他做事的方式。该站点在 Rails 之外很好地启动,但我需要它与 Rails 一起用于我的 web 应用程序。任何建议将不胜感激。感谢您耐心阅读所有这些内容。

附:我正在使用 Ruby 1.9.3 和 Rails 3.2.6

【问题讨论】:

    标签: ruby-on-rails ruby asset-pipeline relative-path sprockets


    【解决方案1】:

    尝试使用/assets/style.css 而不是/assets/stylesheets/style.css 等等。

    如果有这样的结构:

    app
      assets
        stylesheets
        javascripts
    

    然后要访问app/assetsapp/assets/any_folder 中的文件,您应该使用路径/assets/file

    更新

    这里试试:

    body {
        background-image: url(bg.jpg);
        background-repeat: repeat;
    }
    

    或者:

    body {
        background-image: url(/assets/bg.jpg);
        background-repeat: repeat;
    }
    

    【讨论】:

    • 这实际上解决了 50% 的问题 xD 非常感谢!但是,样式仍然关闭。我不确定是不是因为 css 文件使用的是相对路径? :( 我是否必须进入 css 文件并更改它所引用的图像的路径?例如:body { background-image: url(../images/bg.jpg); background-repeat: repeat; } 来自 url (../images/bg.jpg) 到 url(/assets/bg.jpg)?
    • 哦,我的话……效果 100%……我对 css 文件中的所有图像引用使用了 url(/assets/bg.jpg) 修复程序,它成功了! !!非常感谢!
    【解决方案2】:

    Rails 3.1 引入了新的资产管道。我建议您阅读以下内容:http://guides.rubyonrails.org/asset_pipeline.html

    在你的 app/views/layouts/application.html.erb 文件中,确保你有这个:

    <%= stylesheet_link_tag "application", :media => "all" %>
    

    在您的 app/assets/stylesheets/application.css 文件中,确保您有这一行:

    *= require_tree .
    

    (这将确保您在 app/assets/stylesheets 目录中的所有 css 文件都可用于您的应用程序)

    在您的 css 文件中,您可以这样做以引用 app/assets/images 目录中的图像:

    background-image: url(bg.jpg);
    

    【讨论】:

    • 另一个目录中的字体呢?
    • 对于字体,我认为你需要在 config/application.rb 中添加这一行: config.assets.paths
    【解决方案3】:

    如果你想在你的配置initializers 中使用本地资源并且你有这个文件夹结构:

    app assets stylesheets javascripts

    您所要做的就是:(在此示例中,我使用 Spree 基本配置/初始化程序)

    Spree.config do |config| config.admin_interface_logo = '/assets/logo/custom_admin.png' config.logo = '/assets/logo/custom_store.jpg' end

    所以使用/assets/your_file_or_path,它会起作用的:D

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-11-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-29
      相关资源
      最近更新 更多