【问题标题】:Asset not loaded with redirect_to with different layout in rails 5在 rails 5 中未使用具有不同布局的 redirect_to 加载资产
【发布时间】:2020-05-14 11:58:07
【问题描述】:

目前,我有 2 个布局,即“设计”(用于未经过身份验证的页面)和“应用程序”(用于登录后的所有页面)。由于某种原因,在登录后执行redirect_to root_url 时,仪表板已加载,但未加载任何 CSS 和 jQuery。刷新页面后,一切正常。我不确定是什么原因造成的。任何帮助,将不胜感激。提前致谢。

这是我的文件布局。

1. devise.html.erb

<head>
  <title></title>
  <%= csrf_meta_tags %>
  <%= csp_meta_tag %>

  <!-- Main css styles -->
  <%= stylesheet_link_tag  'devise' %>

  <!-- Main javascript files -->
  <%= javascript_include_tag 'devise' %>
</head>

2。 application.html.erb

<head>
   <title></title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
   <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->

   <!-- Main css styles -->
   <%= stylesheet_link_tag 'application'%>
   <%= javascript_include_tag 'application' %>
</head>

【问题讨论】:

    标签: css ruby-on-rails ruby-on-rails-5 asset-pipeline turbolinks


    【解决方案1】:

    当您的 JavaScript 和 CSS 在不同模板中保持一致时,Turbolink 效果最佳。如果您必须在布局之间显着更改脚本和样式,我建议您将 data-turbolinks-track="reload" 添加到资产标签中:

    <head>
      <title></title>
      <%= csrf_meta_tags %>
      <%= csp_meta_tag %>
    
      <!-- Main css styles -->
     <%= stylesheet_link_tag 'devise', 'data-turbolinks-track': 'reload' %>
    
      <!-- Main javascript files -->
      <%= javascript_include_tag 'devise', 'data-turbolinks-track': 'reload' %>
    </head>
    

    <head>
       <title></title>
       <%= csrf_meta_tags %>
       <%= csp_meta_tag %>
       <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    
       <!-- Main css styles -->
       <%= stylesheet_link_tag 'application', 'data-turbolinks-track': 'reload' %>
       <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'  %>
    </head>
    

    当 Turbolinks 注意到新页面与前一个页面之间存在差异时,它会重新加载该页面。这对于确保用户下载最近部署的资产也很重要。

    【讨论】:

    • 非常感谢您的回答。我最终只这样做了,但不想回答我自己的问题,认为这是其他人可能知道的非常简单的事情,哈哈。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-13
    相关资源
    最近更新 更多