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

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

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

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

Vue 修改网站图标的方法

- Author -

潇潇mini

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

Vue.js 相关文章推荐

vue + el-form 实现的多层循环表单验证

Nov 25 Vue.js

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题

Dec 04 Vue.js

Vue如何跨组件传递Slot的实现

Dec 14 Vue.js

Vue中inheritAttrs的使用实例详解

Dec 31 Vue.js

如何在vue-cli中使用css-loader实现css module

Jan 07 Vue.js

vue实现一个获取按键展示快捷键效果的Input组件

Jan 13 Vue.js

vue element el-transfer增加拖拽功能

Jan 15 Vue.js

Vue项目打包部署到apache服务器的方法步骤

Feb 01 Vue.js

VUE中的v-if与v-show区别介绍

Mar 13 Vue.js

VUE使用draggable实现组件拖拽

Apr 06 Vue.js

vue3使用vuedraggable实现拖拽功能

Apr 06 Vue.js

vue cli4中mockjs在dev环境和build环境的配置详情

Apr 06 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 MySQL应用中使用XOR运算加密算法分享

2011/08/28 PHP

php中Ctype函数用法详解

2014/12/09 PHP

小型js框架veryide.librar源代码

2009/03/05 Javascript

初窥JQuery(二)事件机制(2)

2010/12/06 Javascript

使用javascript为网页增加夜间模式

2014/01/26 Javascript

js获取时间精确到秒（年月日）

2016/03/16 Javascript

第四章之BootStrap表单与图片

2016/04/25 Javascript

使用do...while的方法输入一个月中所有的周日(实例代码)

2016/07/22 Javascript

AngularJs自定义服务之实现签名和加密

2016/08/02 Javascript

w3c编程挑战_初级脚本算法实战篇

2017/06/23 Javascript

jquery+css实现简单的图片轮播效果

2017/08/07 jQuery

vue移动端UI框架实现QQ侧边菜单组件

2018/03/09 Javascript

JavaScript生成指定范围随机数和随机序列的方法

2018/05/05 Javascript

JS加密插件CryptoJS实现的Base64加密示例

2020/08/16 Javascript

vue 搭建后台系统模块化开发详解

2019/05/01 Javascript

JavaScript 作用域scope简单汇总

2019/10/23 Javascript

基于redis的小程序登录实现方法流程分析

2020/05/25 Javascript

Python编程中字符串和列表的基本知识讲解

2015/10/14 Python

python 性能提升的几种方法

2016/07/15 Python

使用 Python 实现微信公众号粉丝迁移流程

2018/01/03 Python

python join方法使用详解

2019/07/30 Python

浅谈Pytorch中的torch.gather函数的含义

2019/08/18 Python

应用OpenCV和Python进行SIFT算法的实现详解

2019/08/21 Python

Python numpy线性代数用法实例解析

2019/11/15 Python

python爬虫添加请求头代码实例

2019/12/28 Python

Python classmethod装饰器原理及用法解析

2020/10/17 Python

html5设计原理(推荐收藏)

2014/05/17 HTML / CSS

法国春天百货官网：Printemps.com

2020/06/29 全球购物

机械设计及其自动化专业推荐信

2013/10/31 职场文书

酒店销售经理岗位职责

2014/01/31 职场文书

安全责任协议书

2014/04/21 职场文书

令人印象深刻的自荐信

2014/05/25 职场文书

施工安全协议书范本

2014/09/26 职场文书

二十年同学聚会致辞

2015/07/28 职场文书

详解Java ES多节点任务的高效分发与收集实现

2021/06/30 Java/Android

vue中利用mqtt服务端实现即时通讯的步骤记录

2021/07/01 Vue.js