您好，我目前正在创建一个使用 bootstrap 和 jquery 的小应用程序，我在导入 css 和 js 文件方面遇到了一些问题。
这是我的 layout.erb 的样子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link href="public/css/bootstrap.min.css" rel="stylesheet">
<script src="public/js/bootstrap.min.js"></script>
<script src="public/js/jquery-3.1.0.min.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Projects & Tutorials</a></li>
<li><a href="#">The Division Highlights</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<p class="navbar-text navbar-right"><a href="#" class="navbar-link"><span class="glyphicon glyphicon-user"></span> Login / Signup</a></p>
</div>
</nav>
</header>
<section>
<%= yield %>
</section>
<footer>
<div class="panel panel-default">
<div class="panel-footer">© Copywrite JDG</div>
</div>
</footer>
</body>
</html>
这里是我为 views 文件夹配置文件的地方
require 'rubygems'
require 'sinatra'
require_relative './app'
module Portfolio
class MainRoutes < Sinatra::Base
before do
@user_authentication = Portfolio::Main
end
configure do
set :views , File.expand_path('../../../Portfolio-FE/views', __FILE__)
set :root , File.dirname(__FILE__)
end
helpers do
include Rack::Utils
alias_method :h, :escape_html
end
get '/' do
erb :index
end
end
end
这就是我的文件的样子。
元素中没有导入 css 和 js，我想知道为什么。
谢谢你们。
最佳答案
我想出了答案，
只需像这样设置公用文件夹:
set :public , File.expand_path('../../../Portfolio-FE/public', __FILE__)
并像这样导入文件。
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-3.1.0.min.js"></script>
关于javascript - 在sinatra上导入css和js文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38430611/