在Sinatra中加载样式表 [英] Loading Stylesheets in Sinatra
本文介绍了在Sinatra中加载样式表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用Sinatra，并且我一直在尝试加载一些样式表。我在我的erb中只尝试了普通的htmllink标记，但不起作用。
我已尝试
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
我正在使用的url没有问题，有什么特殊方法可以实现这一点吗？
推荐答案
使用href="style.css"时，指定的是样式表的相对链接。您的浏览器将请求的实际路径将取决于当前页面的url，例如，如果您有如下路由：
get '/things/:id' do
#look up thing with id = :id
erb :my_view
end
/things/style.css查找样式表。如果样式表位于public目录的顶层，这显然不起作用。
快速解决方法是使用样式表的绝对路径：href="/style.css"(注意/字符)。这将使浏览器始终在服务器的根目录中查找样式表。
这假设您的应用程序始终挂载在服务器的根目录中，如果在子目录中运行它将会失败。您希望能够说"在此应用程序的根目录中查找样式表，无论它在哪里"。在Sinatra中，您可以使用url helper method执行此操作。使用ERB作为模板语言，如下所示：
<link href="<%= url('/style.css') %>" rel="stylesheet" type="text/css" />
这将确保指向style.css的链接正确无误，无论您的应用位于何处。
这篇关于在Sinatra中加载样式表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
