1.准备一个favicon.ico

放在项目的static文件夹下：

2.修改打包配置

开发环境

修改build/webpack.dev.conf.js，找到new HtmlWebpackPlugin配置项，增加favicon配置：

生产环境

修改build/webpack.prod.conf.js，具体修改同上。

vue项目设置favicon相关推荐

Vue项目设置ico
如何在Vue项目中正确设置ico图片描述:平时我们在html中添加ico图片时,只需要在文件中加入以下代码即可. <link rel="shortcut icon" typ ...
vue项目设置img标签的默认图片
方法一: 首先看看以前(非vue)项目是怎么设置img标签的默认图片: // 设置默认图片 <img src="http://res.spreadwin.com/gmc38PE.jpg ...
vue项目设置服务器地址,vue项目配置后端服务器地址
vue项目配置后端服务器地址内容精选换一换查询负载均衡器状态树.可通过该接口查询负载均衡器关联的监听器.后端云服务器组.后端云服务器.健康检查.转发策略.转发规则的主要信息,了解负载均衡器下资源 ...
vue项目设置浏览器icon图标
1. 引入图标在vue项目中的index.html中引入图标,为防止项目打包时图片路径出错,需把icon图标放在static静态文件夹下 <link rel="shortcut ic ...
Vue项目设置局域网访问方法
本人Vue脚手架版本为@vue/cli 5.0.4 创建出的Vue项目工程格式如图方法为修改config 文件夹下的index.js文件将host默认的localhost修改即可.
vue项目设置浏览器标题title及图标
一.固定设置标题方案方法一:在vue.config.js文件,添加如下代码: chainWebpack: config => {config.plugin('html').tap(args = ...
vue项目设置浏览器标题title
VUE2: 一.固定设置标题方案方法一,在vue.config.js文件添加如下代码: chainWebpack: config => {config.plugin('html').tap( ...
idea vue项目设置路径别名（适用于@vue/cli 高版本）
方法一打开设置 File > Settings > Languages & Frameworks > JavaScript > Webpack 设置webpack c ...
Vue项目设置全屏背景图片上方有白边的问题
今天在Vue框架下写一个登录页面想弄个全屏的背景,添加完背景图片之后发现上方有一个小小的白边,并且添加完成之后整个页面是可以稍微上下滑动的,非常的不美观. 就是这个非常小的白边,让整个页面都可以滑动 ...

vue项目设置favicon

1.准备一个favicon.ico

2.修改打包配置

开发环境

生产环境

vue项目设置favicon相关推荐

最新文章

热门文章