vue项目添加ico(已修改)

制作ico

favicon制作 - 在线工具

前提ico文件不要放在根目录，要放在static/目录下

在html文件中加入这一句话

<link rel="shortcut icon" href="./static/favicon.ico">

再修改webpack

找到build>webpack.dev和prod

只需要在dev和prod都添加这一句：favicon: './static/favicon.ico', // 新增

一定都要添加，单反一个文件不添加就无法显示ico

new HtmlWebpackPlugin({filename: 'index.html',template: 'index.html',favicon: './static/favicon.ico', // 新增inject: true
}),

添加完毕后，刷新网页，如果未显示，可以再npm install ,结果如下

vue项目添加ico(已修改)相关推荐

为 VUE 项目添加 PWA 解决发布后刷新报错问题
为 VUE 项目添加 PWA 解决发布后刷新报错问题参考文章: (1)为 VUE 项目添加 PWA 解决发布后刷新报错问题 (2)https://www.cnblogs.com/morang/p/9 ...
vue 项目中，动态修改浏览器标签页的图标
vue 项目中,动态修改浏览器标签页的图标需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...
Vue项目设置ico
如何在Vue项目中正确设置ico图片描述:平时我们在html中添加ico图片时,只需要在文件中加入以下代码即可. <link rel="shortcut icon" typ ...
vue项目添加百度统计
第一步:准备工作 1.使用百度账号登录百度统计平台(没有百度账号先注册一个) https://tongji.baidu.com/web/welcome/login 2.登录后进入管理 >账户管理 ...
【vue项目问题解决】如何做到webpack打包vue项目后，可以修改配置文件IP和端口
记录在项目开发过程中遇到的小问题,积累开发经验,欢迎大家一起留言探讨问题我们在vue项目中打包的时候,webpack会将我们的组件,html,js,css,jpg等其他文件进行打包,其中请求的ip ...
vue项目打包后直接修改ip地址
在 Vue 项目的配置文件中可以设置 devServer.host 属性来指定开发服务器的主机名.打包后的项目文件中并不包含该配置,所以需要使用其他方式来修改 IP 地址. 一种方法是在本地的 hos ...
vue 项目打包通过命令修改 vue-router 模式，修改 API 接口前缀
需求说明: 在开发 vue 项目的过程中遇到的需求是要把 api 接口前缀暴露在命令行,通过 npm run build apiUrl 即可修改接口入口,用于从 docker 部署到不同的测试服务器上 ...
vue项目添加全局水印或某个指定页面水印源码
vue项目的页面添加水印,效果如图 index.vue import watermark from "./watermark"; mounted() {watermark.set( ...
给vue项目添加favicon.ico图标
效果如下: 操作步骤: 1.本地环境下的favicon.ico配置: 如上图的截图,如果本地环境不需要可不配置,但是配置完需要重新执行 npm run dev,如果执行此命令报错,说明下图所示的fav ...

vue项目添加ico(已修改)

制作ico

再修改webpack

vue项目添加ico(已修改)相关推荐

最新文章

热门文章