如何将自定义元标记与Rails 5+;webpacker&x2B;Vue.js

如何将自定义元标记与Rails 5+;webpacker&x2B;Vue.js,vue.js,ruby-on-rails-5,facebook-opengraph,webpacker,Vue.js,Ruby On Rails 5,Facebook Opengraph,Webpacker,就像在标题中一样:在使用rails后端API(与webpacker一起安装)和Vue等框架的应用程序中集成Facebook OpenGraph标记等SEO内容的正确方法是什么 这就是我的config/routes.rb的一部分的外观: namespace :api, defaults: { format: :json } do namespace :v1 do resources :posts, only: [:index, :show] end end get '/', to

就像在标题中一样:在使用rails后端API(与webpacker一起安装)和Vue等框架的应用程序中集成Facebook OpenGraph标记等SEO内容的正确方法是什么

这就是我的
config/routes.rb
的一部分的外观:

namespace :api, defaults: { format: :json } do
  namespace :v1 do
    resources :posts, only: [:index, :show]
  end
end

get '/', to: 'front#index', format: false
get '/*path', to: 'front#index', format: false
目前,应用程序的设计方式是,前端部分的所有请求都由
vue路由器处理

我的
layouts/application.html
看起来几乎像附件中的代码片段:

<html>
  <head>
   <%= javascript_pack_tag 'front' %>
   <%= stylesheet_pack_tag 'front' %>
  </head>
  <body>
    <div id="app">
      <%= yield %>
    </div>
  </body>
</html>

我的问题是,当无法直接访问
部分时,管理Facebook Open Graph之类的内容的正确方法是什么

我不能为
使用相当默认的rails内容,比如
content\u,因为一切都发生在脚本中

或许我错了?错过了一些新奇的,重要的东西


如果您能得到任何建议,我们将不胜感激。谢谢。

您最后做了什么?您能发布您最后做了什么吗?