在mojolicious中使用多个布局调用仅加载一次CSS样式表_Css_Perl_Mojolicious

在mojolicious中使用多个布局调用仅加载一次CSS样式表

css perl

在mojolicious中使用多个布局调用仅加载一次CSS样式表,css,perl,mojolicious,Css,Perl,Mojolicious,我有一个问题，一个简短的mojolicouswebapp我开发的乐趣我有一个布局（templates/layouts/default.html.ep），它成功地在两个模板（templates/form.html.ep和templates/pasted.html.ep）中使用，就像我在输出到网页之前写的文本一样，但是样式表只为第一次调用（templates/form.html.ep）加载以下是“成功”电话： %布局“默认”； %=t h1=>“棒棒糖” %=t h1=>“让魔法发生吧” %=f

我有一个问题，一个简短的mojolicouswebapp我开发的乐趣

我有一个布局（templates/layouts/default.html.ep），它成功地在两个模板（templates/form.html.ep和templates/pasted.html.ep）中使用，就像我在

输出到网页之前写的文本一样，但是样式表只为第一次调用（templates/form.html.ep）加载

以下是“成功”电话：

%布局“默认”；
%=t h1=>“棒棒糖”
%=t h1=>“让魔法发生吧”
%=form_for'/process'=>（方法=>'post'）=>begin
%=标题的标签\>'Title:'
%=文本\字段“标题”


%=文本的标签\>'Text:'
%=text\u区域'text'，行=>10，id=>flex'


%=提交按钮“单击”，id=>“按钮”
%=结束

以下是“故障”呼叫：

%布局“默认”；
%=t h1=>“棒棒糖”
这是你的浆糊
%=$poil

最后是布局图：

<!doctype html>
<html>
  <head>
    <title>LolPaste</title>
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>
  </head>
  <body>
    test 
    <%= content %>
  </body>
</html>


棒棒糖
试验

在两次调用中，单词“test”都会输出到网页，但样式表无法加载到pasted.html.ep

ps:style.css位于公共目录中

编辑：我忘了问一个问题，那就是：我做错了什么？

我觉得这是一个新手错误，但文档中似乎没有任何内容可以回答我的问题。

如果您可以使用如下绝对路径获取css文件：

http://localhost:3000/style.css

<head>
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>

您的页面必须按如下方式获取它：

http://localhost:3000/style.css

<head>
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>

包括一个文件。如果你评论这一行，它会起作用吗

如果你说它无论如何都不起作用。。嗯。。您使用哪种浏览器？IE8

如果我能帮助您，请投票。

尝试使用绝对路径包含css？也许我做得不对，但将样式表路径更改为

。/../public/style.css

没有做任何事情。../../又是相对的。。如果使用morbo为应用程序提供服务，请尝试localhost:3000/style.cs使用localhost:3000/style.css正确显示css文件事实上，localhost:3000/style.css（通过web浏览器的URL字段使用）正确显示css，但仅显示其内容（文本）。在

标记中使用此路径可以在没有样式表的情况下加载网页。我盲目地相信Mojolicous获取公共目录的方式。新手犯了我怀疑的错误。谢谢你和+代表（我会在得到15个代表后立即投票给你）

<head>
    <̶l̶i̶n̶k̶ ̶r̶e̶l̶=̶"̶s̶t̶y̶l̶e̶s̶h̶e̶e̶t̶"̶ ̶t̶y̶p̶e̶=̶"̶t̶e̶x̶t̶/̶c̶s̶s̶"̶ ̶h̶r̶e̶f̶=̶"̶l̶o̶c̶a̶l̶h̶o̶s̶t̶:̶3̶0̶0̶0̶/̶s̶t̶y̶l̶e̶.̶c̶s̶s̶"̶>̶<̶/̶b̶>̶
</head>

<link href='http://fonts.googleapis.com/css?family=Autour+One' rel='stylesheet' type='text/css'>

@font-face {
    font-family: 'Autour One';
    font-style: normal;
    font-weight: 400;
    src: local('Autour One'), local('AutourOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/autourone/v1/7LzkKwczNE2R2ZQSt90y1RsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}