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

vue3.0实现插件封装

Dec 14 Vue.js

Vue使用鼠标在Canvas上绘制矩形

Dec 24 Vue.js

vue3.0中友好使用antdv示例详解

Jan 05 Vue.js

vue常用高阶函数及综合实例

Feb 25 Vue.js

一文带你理解vue创建一个后台管理系统流程（Vue+Element）

May 18 Vue.js

Vue中foreach数组与js中遍历数组的写法说明

Jun 05 Vue.js

一篇文章学会Vue中间件管道

Jun 20 Vue.js

vue3获取当前路由地址

Feb 18 Vue.js

Vue组件更新数据v-model不生效的解决

Apr 02 Vue.js

vue打包时去掉所有的console.log

Apr 10 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

Yii PHP Framework实用入门教程(详细介绍)

2013/06/18 PHP

PHP处理bmp格式图片的方法分析

2017/07/04 PHP

javascript之AJAX框架使用说明

2010/04/24 Javascript

使用jQuery内容过滤选择器选择元素实例讲解

2013/04/18 Javascript

JS中操作JSON总结

2020/12/06 Javascript

jQuery模拟点击A标记示例参考

2014/04/17 Javascript

用jquery.sortElements实现table排序

2014/05/04 Javascript

Jquery修改页面标题title其它JS失效的解决方法

2014/10/31 Javascript

JavaScript操作DOM元素的childNodes和children区别

2015/04/01 Javascript

jQuery实现点击水纹波动动画

2016/04/10 Javascript

原生js实现返回顶部缓冲效果

2017/01/18 Javascript

JQ中$(window).load和$(document).ready区别与执行顺序

2017/03/01 Javascript

Angularjs根据json文件动态生成路由状态的实现方法

2017/04/17 Javascript

Bootstrap 模态框多次显示后台提交多次BUG的解决方法

2017/12/26 Javascript

vue-cli系列之vue-cli-service整体架构浅析

2019/01/14 Javascript

uniapp电商小程序实现订单30分钟倒计时

2020/11/01 Javascript

JS实现超级好看的鼠标小尾巴特效

2020/12/01 Javascript

python使用paramiko模块实现ssh远程登陆上传文件并执行

2014/01/27 Python

编写Python脚本抓取网络小说来制作自己的阅读器

2015/08/20 Python

用python实现的线程池实例代码

2018/01/06 Python

python直接获取API传递回来的参数方法

2018/12/17 Python

python语言元素知识点详解

2019/05/15 Python

对Python中TKinter模块中的Label组件实例详解

2019/06/14 Python

关于Pytorch的MLP模块实现方式

2020/01/07 Python

CSS3中各种颜色属性的使用教程

2016/05/17 HTML / CSS

Rodd & Gunn澳大利亚官网：新西兰男装品牌

2018/09/25 全球购物

德国家用电器购物网站：Premiumshop24

2019/08/22 全球购物

工商管理专业实习生自我鉴定

2013/09/29 职场文书

会计电算化专业毕业生自荐信

2013/12/20 职场文书

幼儿园教师备课制度

2014/01/12 职场文书

525心理活动总结

2014/07/04 职场文书

2014迎国庆演讲稿

2014/09/19 职场文书

荆州古城导游词

2015/02/06 职场文书

求职简历自我评价2015

2015/03/10 职场文书

雨中的树观后感

2015/06/03 职场文书

Python中常见的反爬机制及其破解方法总结

2021/06/10 Python