编程 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 30 Vue.js

Vue实现图书管理小案例

Dec 03 Vue.js

vue监听滚动事件的方法

Dec 21 Vue.js

vue 实现基础组件的自动化全局注册

Dec 25 Vue.js

详解template标签用法(含vue中的用法总结)

Jan 12 Vue.js

vue3 watch和watchEffect的使用以及有哪些区别

Jan 26 Vue.js

vue3.0中使用element的完整步骤

Mar 04 Vue.js

详解Vue项目的打包方式(生成dist文件)

Jan 18 Vue.js

vue实现滑动解锁功能

Mar 03 Vue.js

vue判断按钮是否可以点击

Apr 09 Vue.js

Vue深入理解插槽slot的使用

Aug 05 Vue.js

vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案

Aug 05 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之第一天

2006/10/09 PHP

简单实用的.net DataTable导出Execl

2013/10/28 PHP

深入理解javascript学习笔记（一）编写高质量代码

2012/08/09 Javascript

关于jquery.validate1.9.0前台验证的使用介绍

2013/04/26 Javascript

js判断浏览器类型及设备（移动页面开发）

2015/07/30 Javascript

浅析jquery如何判断滚动条滚到页面底部并执行事件

2016/04/29 Javascript

javascript作用域、作用域链(菜鸟必看)

2016/06/16 Javascript

JS实现简单易用的手机端浮动窗口显示效果

2016/09/07 Javascript

bootstrap制作jsp页面（根据值让table显示选中）

2017/01/05 Javascript

微信小程序页面跳转传递值几种方法详解

2017/01/12 Javascript

Angular2里获取（input file）上传文件的内容的方法

2017/09/05 Javascript

MVVM框架下实现分页功能示例

2018/06/14 Javascript

微信小程序 MinUI组件库系列之badge徽章组件示例

2018/08/20 Javascript

JQuery中queue方法用法示例

2019/01/31 jQuery

jqGrid表格底部汇总、合计行footerrow处理

2019/08/21 Javascript

javascript 关于赋值、浅拷贝、深拷贝的个人理解

2019/11/01 Javascript

Vuex的各个模块封装的实现

2020/06/05 Javascript

vue-video-player实现实时视频播放方式(监控设备-rtmp流)

2020/08/10 Javascript

Python3实现连接SQLite数据库的方法

2014/08/23 Python

python select.select模块通信全过程解析

2017/09/20 Python

python tornado微信开发入门代码

2018/08/24 Python

Python3非对称加密算法RSA实例详解

2018/12/06 Python

浅谈python 中类属性共享的问题

2019/07/02 Python

flask框架jinja2模板与模板继承实例分析

2019/08/01 Python

创建Shapefile文件并写入数据的例子

2019/11/26 Python

Django实现简单的分页功能

2021/02/22 Python

CSS3实现线性渐变用法示例代码详解

2020/08/07 HTML / CSS

英国最大的在线蜡烛商店：Candles Direct

2019/03/26 全球购物

武汉某公司的C#笔试题面试题

2015/12/25 面试题

软件测试企业面试试卷

2016/07/13 面试题

ktv周年庆活动方案

2014/08/18 职场文书

派出所班子党的群众路线对照检查材料思想汇报

2014/10/01 职场文书

检察院起诉书

2015/05/20 职场文书

2015年为民办实事工作总结

2015/05/26 职场文书

2016年11月份红领巾广播稿

2015/12/21 职场文书

奶茶店的创业计划书该怎么写？

2019/07/15 职场文书