访问rails资源的相对路径

2018-06-12 04:16:49

我卡住了！ 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的布局，用于我的整个webapp。我也有1页（HTML正文内容），我试图用app / views /页面中的这个布局渲染，名为final_page.html.erb ...必要的路由是为了加载页面; 但是，它只加载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的经验。我决定改变这样的资产请求：

从：

<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（<％= asset_path'bg.jpg'％>）等替换它们，但它没有效果。我尝试了很多东西，并阅读了很多帖子。我想知道Rails是否允许我使用相对路径。我试过了：

config.assets.enabled = false

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

PS我正在使用Ruby 1.9.3和Rails 3.2.6

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

如果有这样的结构：

app
  assets
    stylesheets
    javascripts

然后要访问app/assets或app/assets/any_folder您应该使用path /assets/file 。

更新

这里尝试：

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

要么：

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

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 .

（这将确保您在应用程序/资产/样式表目录中的任何css文件都可用于您的应用程序）

在你的css文件中，你可以这样做来引用app / assets / images目录中的图像：

background-image: url(bg.jpg);

链接地址: http://www.djcxy.com/p/34855.html

上一篇: relative paths for accessing rails assets

下一篇: Stop clean URLs from affecting relative paths in page HTML