如何替换 slc 环回生成的 webapp 中的默认图标？

Question

我已经使用 slc loopback 命令生成了一个应用程序。所以生成的 express webapp 有它的 strongloop favicon。如何更改网站图标？

我在server.js

中使用这个

app.use(loopback.favicon(path.resolve(__dirname, '../client/favicon.ico')));

我也试过 html link 标签，但仍然默认加载。

我做错了什么？

Answer 1

一些浏览器会主动缓存网站图标。尝试导航到 <yourhost>/favicon.ico 并查看它是否显示正确的文件，以确保它不是客户端缓存问题。

Answer 2

默认的图标在 server/middleware 中配置。json:

{
  "initial:before": {
    "loopback#favicon": {}
  },

请注意它处于路由阶段 (app.use) 之前的 initial:before 阶段。您应该根据自己的目的修改 server/middleware.json。

Answer 3

在 server/middleware.json:

中设置自定义图标的路径

{
  "initial:before": {
    "loopback#favicon": {
      "params": "path/to/your/favicon.ico"
    }
  },
  …

我们在 HTML 中设置路径时遇到问题，在某些重新加载时，默认的 StrongLoop favicon 仍然弹出。此配置有帮助。

PS：如果您的 favicon.ico 在客户端目录的根目录中，请使用此路径："$!../client/favicon.ico"

How can I replace the default favicon in an slc loopback generated webapp?