为什么加载时我的外部CSS链接404?

问题描述 投票:0回答:1

我已经尝试了CSS文件的相对路径和绝对路径的几乎所有组合。我已经在JavaScript中成功完成了此操作,但是Sinatra和erb更加独特。在Sinatra应用程序中,我有常规执行的公共目录和样式表目录。在我的views目录中,我具有带有external的视图页面。我尝试了太多,也许这是我缺少的细微差别。如何获取我的erb视图文件以加载外部CSS链接?

Sinatra没有像rails这样的URL辅助方法。我试图将CSS文件移动到视图文件附近/相对和绝对路径到文件的不同组合。他们都没有工作。此代码将在服务器日志(shot弹枪日志)中显示404。

erb视图

<html>
  <head> 
  <link href='../public/stylesheets/sent' type="text/css" rel="stylesheet" />

  <link rel="stylesheet" href="/sent.css" /> 
  </head>
  <body>

css文件

body {
    background-color: lightblue;
    color: #333;
    font-family: Sans-Serif;
    line-height: 18px;

h1 { 
    color: green;

  } 

p { 
    color: orange;
}

在运行shot弹枪的终端中,我得到了这些类型的错误

127.0.0.1 - - [05/Nov/2019:23:24:47 -0800] "GET /sent.css HTTP/1.1" 404 509 0.0543
127.0.0.1 - - [05/Nov/2019:23:24:47 -0800] "GET /public/stylesheets/sent HTTP/1.1" 404 534 0.0617
css sinatra erb
1个回答
0
投票

您的CSS中没有关闭身体。

body {
    background-color: lightblue;
    color: #333;
    font-family: Sans-Serif;
    line-height: 18px;
    }
h1 { 
    color: green;

   } 

p  { 
    color: orange;
  }
© www.soinside.com 2019 - 2024. All rights reserved.