无涯教程网

Vue.js Vue index.html favicon 问题

发布于10月08日

我使用的是Vue 2.0和Vue CLI 3.0.我在找法维康.ico/png文件工作正常，我一点运气都没有.

我已将问题缩小到以下几点.

索引.由Thread build生成的html文件转换以下html代码行:

<link rel="icon" href="favicon.png" >

到

<!--[if IE]><link rel="icon" href="favicon.png"><![endif]-->

如果我进入Chrome developer tools并将行更改回原来的方式，ico/png文件将按预期呈现.

我的问题是:我该如何解决这个问题，这样Yarn 构建就不会弄乱我的html代码.

推荐答案

在vue.config.js中设置图标的PWA选项，以指向您想要的任何图标.具体来说，设置pwa.iconPaths，例如:

module.exports = {
  pwa: {
    iconPaths: {
       favicon32: 'img/icons/myFavicon.png',
    }
  }
}

看见

Vue.js相关问答推荐

在 Vuejs 中更新 Chartjs 图表数据集

vuejs3 youtube-plugin YT 未定义控制台错误

VueJS：在组件之间使用全局对象的最佳实践？

在重复内容区域中添加

Vue 两种方式的 prop 绑定

Keycloak：用户基于角色的客户端登录访问限制

Vuetify 单选按钮未显示为选中状态

Vue.js 如果在视图中

Vue更改宽度和内容

如何在某些路由上隐藏全局组件(例如导航栏)？

Vuejs模板继承

Vue：如何在按钮单击时调用 .focus()

如何在 Vuex 中获取 Vue 路由参数？

npm run dev 和 npm run production 的区别

Vue - 如何在 v-if 或组件中使用窗口对象

NPM：403 禁止 - PUT http：//registry.npmjs.org/[package-name] - 禁止

如何在 vue.js 中通过单击事件发出值

Vue Router beforeRouteLeave 不会停止子组件

表格行上的 Vuejs 转换

vue-router 如何使用 hash 推送({name："question"})？

实用课程推荐

相关教程推荐