Vue 修改网站图标的方法
更新时间：2020年12月31日 10:52:56 作者：潇潇mini
这篇文章主要介绍了Vue 修改网站图标的方法，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
1、在stateic下新增favicon.ico文件
2、修改index.html文件，如图
<!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文件
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon:'static/favicon.ico'//新增
}),
4、这个时候再重新启动一次项目就好啦
以上就是Vue 修改网站图标的方法的详细内容，更多关于Vue 修改网站图标的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue-axios的使用以及axios请求赋值为空的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
这篇文章主要介绍了Vue组件之 高德地图地址选择功能的实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-06-06
这篇文章主要介绍了Vue代理报错404问题及解决(vue配置proxy)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
Vue源码学习defineProperty响应式数据原理实现
这篇文章主要为大家介绍了Vue源码学习defineProperty响应式数据原理实现，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
下面小编就为大家介绍一下vue 自定义全局方法,在组件里面的使用。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了Vue如何实现分批加载数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
浅析webpack-bundle-analyzer在vue-cli3中的使用
这篇文章主要介绍了webpack-bundle-analyzer在vue-cli3中的使用,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-10-10
vue2结合element-ui实现TreeSelect树选择功能
这篇文章主要为大家详细介绍了vue2如何结合element-ui实现TreeSelect树选择功能,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下2024-03-03
这篇文章主要为大家介绍了Element-ui实现树形控件节点添加图标，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要为大家详细介绍了vue实现旋转木马动画，图片数量无限制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
最新评论