1、通过服务器获取
在index.html里,添加link,若href是引用服务器上的图片,在不跨域的情况下ok的

<link rel="shortcut icon" type="image/x-icon" href="http://img.81lianpin.com/manage/favicon.ico" media="screen" />

2、放在本地
vue中,需要修改webpack.prod.conf.js配置,并把favicon.ico放在最外层根目录下

new HtmlWebpackPlugin({
      filename: config.build.index,
      template: 'index.html',
      inject: true,
      hash: timestamp,
      favicon: './favicon.ico',   //引入favicon.ico
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
      },
      chunksSortMode: 'dependency'
    }),

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐