个人中心
gpt4 book ai didi

ruby-on-rails - 访问 Rails Assets 的相对路径

转载 作者：数据小太阳 更新时间：2023-10-29 07:03:57 33 4
gpt4 key购买 nike

我卡住了! xD 我一直在处理一个 Rails 项目，但在使用相对路径访问我的 Assets 时遇到了问题。我的一个 friend 正在处理 html/css 方面的事情，而我正在处理 Controller 和模型。我的 friend 最近给了我一批结构如下的文件:

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">

我的 friend 写了大部分 html，他使用 rails 的经验为 0。我决定像这样更改 Assets 请求:

来自:

<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"  %>

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

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

我试过用 url(<%= asset_path 'bg.jpg' %>) 等替换这些...但它没有效果。我尝试了很多东西，也阅读了很多帖子。我想知道是否有 Rails 允许我使用相对路径的方法。我试过:

config.assets.enabled = false

但这没有帮助......请......我做错了什么？我认为我的 friend 不会想停止在他的工作中使用相对路径，因为他就是这样做的。该站点在 Rails 之外运行良好，但我需要它与 Rails 一起用于我的 Web 应用程序。任何建议将不胜感激。感谢您耐心阅读所有这些内容。

附言我正在使用 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 中的文件，您应该使用路径 /assets/file。

已更新

这里试试:

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

或者:

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

关于ruby-on-rails - 访问 Rails Assets 的相对路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11707062/

33 4 0
文章推荐： ruby-on-rails - 仅显示上周创建的帖子
文章推荐： ruby - FactoryGirl的麻烦
文章推荐： flutter - 我需要知道数据是否已添加到 Cloud Firestore (Flutter)
文章推荐： ruby-on-rails - 编写多行 ActiveRelation 查询的惯用方法是什么？
数据小太阳
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com