如何通过 Hotwire Turbo 流正确渲染图像？答案

【问题标题】：How do I correctly render images via Hotwire Turbo streams?如何通过 Hotwire Turbo 流正确渲染图像？
【发布时间】：2021-09-13 19:30:43
【问题描述】：

我的问题：使用 Hotwire/Turbo 渲染图像时，所有 URL 都使用主机 example.org 而不是我的实际主机名进行渲染。常规视图很好，但通过 Turbo 流呈现部分会导致 ActiveStorage URL 像 http://example.org/.../。

上下文：我有一个简单的 Todo 应用程序，具有工作视图、部分和 turbo 流，它们一起显示 Todo 和关联用户列表。当我将用户加入 Todo 时，turbo 流会呈现正确的部分，并将用户的名称和头像放在我想要的 DOM 中。但是，来自 ActiveStorage 的图像 URL 包含 example.org 主机名。

我在config/environments/*.rb 中设置了我的标准网址选项，包括routes.default_url_options[:host] 和config.action_mailer.default_url_options[:host]。我还了解了config/initializers/application_controller_renderer.rb这个文件，你可以在其中设置一个http_host参数；但是，我已经设置了 http_host，https 布尔值，Turbo 仍然使用 example.org 渲染我的 image_tag。

此外，我发现有关如何以编程方式操作默认渲染器的建议有限（为了解决问题）。 This source 表示要获取 ApplicationController.renderer 并覆盖属性，如下所示：

renderer = ApplicationController.renderer.new(
  http_host: request.host_with_port,
  https: (request.protocol == "https://"),
  "rack.session": request.session
)

但是broadcast_action_to 方法似乎不接受renderer 参数，所以这实际上对我在Turbo 中没有帮助。

一定有我遗漏的配置，但我在 Turbo 或 Hotwire 文档中没有找到它。

【问题讨论】：

标签： ruby-on-rails hotwire-rails turbo

【解决方案1】：

我错过了config.action_controller.default_url_options。一旦我将其配置为与其他 default_url_options 相同，我的链接就开始正确呈现。

【讨论】：