首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript Vue.js

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 修改网站图标的方法

- Author -

潇潇mini

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Vue.js 相关文章推荐
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 Vue.js
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
vue实现简易的双向数据绑定
Dec 29 Vue.js
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
vue如何批量引入组件、注册和使用详解
May 12 Vue.js
详解Vue的options
May 15 Vue.js
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
vue实现省市区联动 element-china-area-data插件
Apr 22 Vue.js
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
vue项目如何打包之项目打包优化（让打包的js文件变小）
Apr 30 Vue.js
ant design vue的form表单取值方法
Jun 01 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
东方异文石(1) 巫师(1) LOL(1) 我的世界(1) 小缇娜的奇幻之地(1) 绿林侠盗(1) 暴雪(1) 艾尔登法环(1) 遗弃(1) 战锤40K(1)
You might like
php 一元分词算法
2009/11/30 PHP
PHP 分页原理分析，大家可以看看
2009/12/21 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
Date对象格式化函数代码
2010/07/17 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
python模块restful使用方法实例
2013/12/10 Python
Python实现获取操作系统版本信息方法
2015/04/08 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
python SVM 线性分类模型的实现
2019/07/19 Python
手把手教你从PyCharm安装到激活（最新激活码），亲测有效可激活至2089年
2020/11/25 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
BONIA波尼亚新加坡官网：皮革手袋，鞋类和配件
2016/08/25 全球购物
Free People中国官网：波西米亚风格女装服饰
2016/08/30 全球购物
Waterford加拿大官方网站：世界著名的水晶杯品牌
2016/11/01 全球购物
定制iPhone和Macbook保护壳：Slick Case
2018/11/21 全球购物
买房子个人收入证明
2014/01/16 职场文书
班主任工作经验材料
2014/02/02 职场文书
大学生求职意向书
2015/05/11 职场文书
论文答辩开场白大全
2015/05/27 职场文书
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle
MySQL常见优化方案汇总
2022/01/18 MySQL