Sinatra show view/example/:id在使用链轮时返回404资源错误

Question

当我访问时：

get "/example/:id" do
  ...
  slim :'example/show'
end

我得到这个错误：

"GET /example/assets/app.css HTTP/1.1" 404
"GET /example/assets/app.js HTTP/1.1" 404

---

我怀疑:id在这里可能是个问题，因为我的资产设置在我访问时工作：

get "/example" do
  ...
  slim :'example/index'
end

作品：

"GET /assets/app.css HTTP/1.1" 304
"GET /assets/app.js HTTP/1.1" 200 

我的链轮设置：

class App < Sinatra::Base
  set :environment, Sprockets::Environment.new
  environment.append_path "assets/stylesheets"
  environment.append_path "assets/javascripts"
  environment.js_compressor  = :uglify
  environment.css_compressor = :scss
  get "/assets/*" do
    env["PATH_INFO"].sub!("/assets", "")
    settings.environment.call(env)
  end
  ...
end

我的全部回购，但没有最后的更改：https://github.com/aneta-bielska/home-for-paws-app

Answer 1

在布局中，您有以下几行定义了到资产的链接：

link rel="stylesheet" href="assets/app.css"
script src="assets/app.js"

由于这些元素中的url不是以斜杠开头的，浏览器将它们视为相对于它们出现的页面。这意味着当您访问/example时，链接将转到/assets/app.cs和/assets/app.js。然而，当您转到例如example/1时，链接被视为相对于1，因此浏览器尝试获取/example/assets/app.cs（对于app.js也是如此）。

你需要确保这些链接总是被视为绝对的。最简单的方法是在开始时添加一个/：

link rel="stylesheet" href="/assets/app.css"
script src="/assets/app.js"

一个更强大的解决方案可能是使用Sinatra的url助手来确保您始终创建正确的链接，因为它将考虑在服务器上的不同路径安装应用程序：

link rel="stylesheet" href=url("/assets/app.css")
script src=url("/assets/app.js")