我是靠谱客的博主 暴躁美女,这篇文章主要介绍vue-cli3配置favicon.ico和title的流程,现在分享给大家,希望可以做个参考。

一、如果是单页面程序

public目录下有个index.html和favicon.ico

ico的路径

二、如果是多页面程序

publc目录下放ico图标

public下的index页面

然后在vue.config.js里的page配置ico的路径

补充知识:Vue-cli3的favicon修改不了

在vue.config.js中配置下如下代码,重跑下项目就行了

  // 以下是pwa配置
  pwa: {
   iconPaths: {
    favicon32   : 'faviconfc.ico',
    favicon16   : 'faviconfc.ico',
    appleTouchIcon: 'faviconfc.ico',
    maskIcon   : 'faviconfc.ico',
    msTileImage  : 'faviconfc.ico'
   }
  },

以上这篇vue-cli3配置favicon.ico和title的流程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持靠谱客。

最后

以上就是暴躁美女最近收集整理的关于vue-cli3配置favicon.ico和title的流程的全部内容,更多相关vue-cli3配置favicon.ico和title内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(197)

评论列表共有 0 条评论

立即
投稿
返回
顶部