vuejs2 - Vue CLI 图标

标签 vuejs2 favicon vue-cli

我正在使用 Vue CLI webpack 模板,但很难加载我自己的 favicon。

我已经运行了vue init webpack my-app
index.html我已经包括:

<link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>favicon.ico">

...而且我确实看到了默认的 (Vue) 图标。但是,我无法确定该网站图标的位置(或以其他方式引用),也无法确定将自己的网站图标放置在何处以替换它。

我也听从了 this answer 中的建议。 ,这建议将网站图标图像放在 static文件夹并将其包含在 index.html 中:
<link rel="shortcut icon" type="image/png" href="/static/favicon.png"/>

但是,如 promise 的那样,我无法访问我的网站图标。

我的猜测是在 CLI 配置文件中的某处引用了 favicon 位置/文件,但我找不到它。

最佳答案

您可能还需要更新网站图标的 list :/public/manifest.json .

关于vuejs2 - Vue CLI 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50778850/

相关文章:

unit-testing - 如何在 JEST 测试中模拟全局 Vue.js 变量

asp.net - 网站图标未显示在网页上

reactjs - 如何添加图标来 react 应用程序浏览器选项卡(重复)

vuejs2 - 如何在 vue-cli 3 上禁用 eslint?

javascript - vue js ajax调用无法读取未定义的属性 'push'

javascript - VueJS Uncaught ReferenceError

javascript - 如何从我链接的网站抓取网站图标并将其加载到我的网站上?

vue.js - 为什么我不能在我的 Vue 应用程序上使用调试器或 console.log

vue.js - 当路由器处于历史模式时 PWA 不加载(基于 Vue CLI 3 的项目)

javascript - Vue.js 2 在一个单文件组件中定义多个属性