vue修改网站图标的方法和流程是什么？-群英

上一篇：vue点击空白弹窗关闭的方法是什么？下一篇：javascript并发控制是什么意思？怎样写并发控制？

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修改网站图标

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：vue点击空白弹窗关闭的方法是什么？下一篇：javascript并发控制是什么意思？怎样写并发控制？