Favicon.ico 在本地工作，但在测试服务器上不工作

Favicon.ico works locally, but not on test-server

我尝试在我的测试服务器上设置 favicon.ico 时遇到问题，本地一切正常.. 为了到达我的测试服务器，我使用以下 URL：

我有以下项目结构，我正在使用 webpack。

Project structure

有人知道这是怎么回事吗？

如果您需要更多信息，请随时发表评论。

提前致谢。

您的应用构建完成后，dist 文件夹中的图标可能根本不可用。尝试使用 copy-webpack-plugin (npm i --save-dev copy-webpack-plugin)

将其复制到 dist 文件夹

将其导入您的 webpack.config.js 为

const CopyWebpackPlugin = require("copy-webpack-plugin")

最后添加到plugins如下

new CopyWebpackPlugin([{ from: "favicon.ico", to: "favicon.ico" }])

就我个人而言，我会将此类资产保存在一个文件夹中，然后将整个文件夹复制到构建文件夹 (dist) 以避免复制单个文件。

new CopyWebpackPlugin([{ from: "icons", to: "icons" }])

从而可以做到

<link rel="icon" href="/icons/favicon.ico">

<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">

在你的 index.ejs