Vue项目设置网站小徽标

一、预期效果

自定义Vue项目的网站小徽标,用于显示网站的logo,效果大致如下

Vue项目设置网站小徽标_第1张图片

二、制作 .ico文件

2.1 打开比特虫官网

比特虫官网:https://www.bitbug.net/

2.2 操作步骤如图

Vue项目设置网站小徽标_第2张图片

三、引入Vue项目

3.1 将生成的 .ico文件放入我们的 Vue 项目

Vue项目设置网站小徽标_第3张图片

3.2 在 index.html 文件中引入

<link rel="icon" type="image/svg+xml" href="/src/assets/logo.ico" />

Vue项目设置网站小徽标_第4张图片

你可能感兴趣的:(Vue.js,vue.js,前端,javascript)