通过Phoenix为Safari添加固定标签图标

Question

我尝试添加Safari中可见的固定标签图标，如下所示：

我找到了这条指令：Apple's instruction for pinned tab icon

但是，当我在我的app.html.eex中使用这种结构时：

<link rel="mask-icon" href="<%= static_path(@conn, "/website_icon.svg") %>" color="red" >

或

<link rel="mask-icon" href="/website_icon.svg") color="red" >

其中website_icon.svg位于静态根目录中;

页面将我重定向到localhost：4000 / website_icon.svg，这是正确的，但随后会显示404错误页面，就好像它应该指向路由器一样。

所以我的问题是：我怎样才能让Phoenix能够正确显示掩码图标，而不是获得404？

注意：在没有明确编码的情况下正确显示了favicon，但是当我将其显式编码到app.html.eex中时，404就像前面的代码示例一样。

Answer 1

在endpoint.ex文件中，有一行指定静态插件应处理的内容。我看起来像以下

plug Plug.Static,
  at: "/", from: :my_app, gzip: false,
  only: ~w(css fonts images js favicon.ico robots.txt)

您需要将文件放在images目录中，或者添加与website_icon.svg条目类似的favicon.ico。