编程 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开发中常见的套路和技巧总结

Nov 24 Vue.js

详解Vue的异步更新实现原理

Dec 22 Vue.js

vue中watch的用法汇总

Dec 28 Vue.js

vue实现简易计算器功能

Jan 20 Vue.js

Vue 实现可视化拖拽页面编辑器

Feb 01 Vue.js

如何封装Vue Element的table表格组件

Feb 06 Vue.js

vue中axios封装使用的完整教程

Mar 03 Vue.js

Vue3 Composition API的使用简介

Mar 29 Vue.js

vue实现无缝轮播效果（跑马灯）

May 14 Vue.js

详解Vue的sync修饰符

May 15 Vue.js

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

Apr 06 Vue.js

vue el-table实现递归嵌套的示例代码

Aug 14 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

《星际争霸重制版》兵种对比图鉴

2020/03/02 星际争霸

造就帕卡马拉的帕卡斯是怎么被发现的

2021/03/03 咖啡文化

Php-Redis安装测试笔记

2015/03/05 PHP

PHP中include和require的区别实例分析

2017/05/07 PHP

IE与Firefox在JavaScript上的7个不同句法分享

2011/10/30 Javascript

js 遍历对象的属性的代码

2011/12/29 Javascript

JS自定义功能函数实现动态添加网址参数修改网址参数值

2013/08/02 Javascript

jQuery$命名冲突怎么办如何解决

2014/01/16 Javascript

在Linux上用forever实现Node.js项目自启动

2014/07/09 Javascript

javascript框架设计之浏览器的嗅探和特征侦测

2015/06/23 Javascript

纯css实现窗户玻璃雨滴逼真效果

2015/08/23 Javascript

jquery.form.js异步提交表单详解

2017/04/25 jQuery

node-sass安装失败的原因与解决方法

2017/09/04 Javascript

JavaScript中toLocaleString()和toString()的区别实例分析

2018/08/14 Javascript

JS原生带缩略图的图片切换效果

2018/10/10 Javascript

javascript 原型与原型链的理解及实例分析

2019/11/23 Javascript

简单的Python抓taobao图片爬虫

2014/10/26 Python

详解Python操作RabbitMQ服务器消息队列的远程结果返回

2016/06/30 Python

Python解惑之整数比较详解

2017/04/24 Python

Python3 模块、包调用&路径详解

2017/10/25 Python

Python 多进程并发操作中进程池Pool的实例

2017/11/01 Python

Django REST为文件属性输出完整URL的方法

2017/12/18 Python

浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法

2019/10/25 Python

python3 求约数的实例

2019/12/05 Python

几个解决兼容IE6\7\8不支持html5标签的几个方法

2013/01/07 HTML / CSS

Feelunique澳大利亚：欧洲的化妆品零售电商

2019/12/18 全球购物

中医药大学毕业生自荐信

2013/11/08 职场文书

毕业生就业意向书

2014/04/01 职场文书

乡镇精神文明建设汇报材料

2014/08/15 职场文书

个人自我剖析材料

2014/09/30 职场文书

2014年综合治理工作总结

2014/11/20 职场文书

安全员岗位职责范本

2015/04/11 职场文书

门卫管理制度范本

2015/08/05 职场文书

党员公开承诺书（2016最新版）

2016/03/24 职场文书

前端学习——JavaScript原生实现购物车案例

2021/03/31 Javascript

Nginx反向代理、重定向

2022/04/13 Servers