vue2 根据打包不同 动态修改favicon.ico 还有其他方法么

可以使用 Webpack 的 `favicons-webpack-plugin` 插件来动态生成和注入 favicon。该插件可以根据不同的打包环境，动态生成对应的 favicon.ico 文件，并将其注入到 HTML 文件中。

使用方法如下：
1. 安装插件：`npm install favicons-webpack-plugin --save-dev`
2. 在 Webpack 配置文件中引入插件：`const FaviconsWebpackPlugin = require('favicons-webpack-plugin');`
3. 在 plugins 中添加插件配置：

plugins: [
  new FaviconsWebpackPlugin({
    logo: './src/assets/favicon.png', // 指定 favicon 源文件
    outputPath: 'assets/favicons/', // 指定输出目录
    prefix: 'assets/favicons/', // 指定 HTML 中访问 favicon 的路径前缀
    // 根据不同的打包环境生成不同的 favicon.ico 文件
    // 可以根据需要自定义配置
    mode: process.env.NODE_ENV === 'production' ? 'webapp' : 'light'
  })
]

除了使用插件，也可以手动在 HTML 文件中添加 link 标签来引入 favicon：

<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon">

其中 `<%= BASE_URL %>` 是 Vue CLI 自动生成的变量，可以在 `public/index.html` 文件中找到，用于指定项目的根路径。

总之，根据不同的需求和场景，可以选择不同的方法来动态修改和引入 favicon.ico 文件。