Vue 修改网站图标的方法


Posted in Vue.js onDecember 31, 2020

1、在stateic下新增favicon.ico文件

Vue 修改网站图标的方法

2、修改index.html文件,如图

Vue 修改网站图标的方法

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="static/favicon.ico" rel="external nofollow" >
  <title>网站名称</title>
 </head>
 <body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
 </body>
</html>

3、如果有新开页面无法显示图标问题,修改bulid下的webpack.dev.conf.js文件

Vue 修改网站图标的方法

Vue 修改网站图标的方法

new HtmlWebpackPlugin({
   filename: 'index.html',
   template: 'index.html',
   inject: true,
   favicon:'static/favicon.ico'//新增
  }),

4、这个时候再重新启动一次项目就好啦

以上就是Vue 修改网站图标的方法的详细内容,更多关于Vue 修改网站图标的资料请关注三水点靠木其它相关文章!

Vue.js 相关文章推荐
使用vue编写h5公众号跳转小程序的实现代码
Nov 27 Vue.js
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
vue-video-player 断点续播的实现
Feb 01 Vue.js
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
Vue多选列表组件深入详解
Mar 02 Vue.js
关于vue中如何监听数组变化
Apr 28 Vue.js
Vue h函数的使用详解
Feb 18 Vue.js
vue+echarts实现多条折线图
Mar 21 Vue.js
vue elementUI表格控制对应列
Apr 13 Vue.js
vue修饰符.capture和.self的区别
Apr 22 Vue.js
Vue中inheritAttrs的使用实例详解
Dec 31 #Vue.js
vue导入.md文件的步骤(markdown转HTML)
Dec 31 #Vue.js
vue-cli4.0多环境配置变量与模式详解
Dec 30 #Vue.js
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 #Vue.js
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 #Vue.js
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 #Vue.js
梳理一下vue中的生命周期
Dec 30 #Vue.js
You might like
PHP中strtotime函数使用方法分享
2012/01/10 PHP
PHP编码规范的深入探讨
2013/06/06 PHP
Yii框架操作cookie与session的方法实例详解
2019/09/04 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
jQuery实现自动调整字体大小的方法
2015/06/15 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
vue3.0搭配.net core实现文件上传组件
2020/10/29 Javascript
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
Python的argparse库使用详解
2018/10/09 Python
Python @property及getter setter原理详解
2020/03/31 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
六十大寿答谢词
2014/01/12 职场文书
初中体育教学反思
2014/01/14 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
绿色城市实施方案
2014/03/19 职场文书
仓库文员岗位职责
2014/04/06 职场文书
出国留学计划书
2014/04/27 职场文书
2014年法务工作总结
2014/12/11 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
统计工作个人总结
2015/03/03 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
利用Python判断你的密码难度等级
2021/06/02 Python