vue-cli3配置favicon.ico和title的流程


Posted in Javascript onOctober 27, 2020

一、如果是单页面程序

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

vue-cli3配置favicon.ico和title的流程

ico的路径

vue-cli3配置favicon.ico和title的流程

二、如果是多页面程序

publc目录下放ico图标

public下的index页面

vue-cli3配置favicon.ico和title的流程

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

vue-cli3配置favicon.ico和title的流程

补充知识: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的流程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
把html页面的部分内容保存成新的html文件的jquery代码
Nov 12 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
精通JavaScript的this关键字
May 28 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
jQuery设计思想
Mar 07 Javascript
详解react-router如何实现按需加载
Jun 15 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
解决easyui日期时间框ie的兼容的问题
Mar 01 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
Mar 02 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 #Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 #Javascript
js实现自定义滚动条的示例
Oct 27 #Javascript
vue移动端下拉刷新和上滑加载
Oct 27 #Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 #Javascript
解决vue项目运行npm run serve报错的问题
Oct 26 #Javascript
js实现简易拖拽的示例
Oct 26 #Javascript
You might like
php生成唯一的订单函数分享
2015/02/02 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
2015/11/07 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
python之Socket网络编程详解
2016/09/29 Python
Python Unittest根据不同测试环境跳过用例的方法
2018/12/16 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
Python爬虫实现使用beautifulSoup4爬取名言网功能案例
2019/09/15 Python
python根据文本生成词云图代码实例
2019/11/15 Python
django orm模块中的 is_delete用法
2020/05/20 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
网络工程师的自我评价
2013/10/02 职场文书
带薪年假请假条
2014/02/04 职场文书
公务员年度考核登记表个人总结
2015/02/12 职场文书
聚会通知怎么写
2015/04/23 职场文书
出生证明格式
2015/06/15 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
为Centos安装指定版本的Docker
2022/04/01 Servers