Vue 修改网站图标的方法

编程学习 2021-07-04 14:07www.dzhlxh.cn编程入门

这篇文章主要介绍了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 修改网站图标的资料请关注狼蚁SEO其它相关文章！

上一篇：vue 动态创建组件的两种方法下一篇：利用 JavaScript 实现并发控制的示例代码

Vue 修改网站图标的方法

1、在stateic下新增favicon.ico文件

2、修改index.html文件，如图

3、如果有新开页面无法显示图标问题，修改bulid下的webpack.dev.conf.js文件

4、这个时候再重新启动一次项目就好啦

金源码搜索

金源码导航

免费网站源码

网站模板下载

网站建设

Vue 修改网站图标的方法

1、在stateic下新增favicon.ico文件

2、修改index.html文件，如图

3、如果有新开页面无法显示图标问题，修改bulid下的webpack.dev.conf.js文件

4、这个时候再重新启动一次项目就好啦

编程语言

金源码搜索

金源码导航

免费网站源码

网站模板下载

网站建设