项目快要上线了，但是浏览器的名字和图标还没有改好，一个好看的图标一定会让人眼前一亮，那么如何去修改呢？

正文

打开根目录的Index.html文件

增加如下两条代码

 <link rel="shortcut icon" href="./static/pictureV1.0/weblogo.ico"><title>源计划</title>

刷新一下页面，就看见效果了

【vue】设置浏览器上方的标题和图标相关推荐

Vue设置浏览器小图标（ICON）
Vue设置浏览器小图标当我们使用浏览器做开发时,我们能希望浏览器标签页能显示自己的logo小图标,这个是怎样设置的呢? 第一步:准备logo图片信息找到自己的logo,通过图片在线转换格式,转换成 ...
Vue修改网页浏览器标签的标题和图标
Vue修改网页浏览器标签的标题和图标方法一直接在./index.html中修改即可,如下: <title>lovEaNdpeAce</title> <link rel ...
Vue设置浏览器title-icon
vue项目如何设置浏览器title-icon呢?步骤如下: (1).把icon图标存放在static目录下 (2).在index.html页面添加 <link rel ="shortc ...
VUE设置浏览器标题及图标
修改后效果如下: 1.将图片放入static目录下 2.在index.html中添加title和link图片地址 <link rel="icon" href="st ...
VUE设置浏览器icon图标
Vue怎么设置左上角icon图标呢?步骤如下: (1).提前把icon图标copy到static目录下 (2).在index.html页面添加 <link rel ="shortcut ...
Vue动态修改网页浏览器标签的标题和图标
情景:平台功能支持修改系统的名称和图标,图标同步展示为浏览器页签的图标效果: 1. main.js Vue.directive('title', {inserted: function (el, b ...
vue 设置浏览器的图标（图文教程）
看看目录结构注意public 下也有index.html文件,我们是改根文件下的 index.html. 图片一类的静态文件,放在这个static文件夹下,这个文件夹下的文件(夹)会按照原本的结构 ...
vue设置浏览器自动打开网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接，或者它已永久性地移动到了新网址。
2022年6月14日,用脚手架创建了vue2项目,设置当项目运行起来的时候,让浏览器自动打开:"serve": "vue-cli-service serve --open ...
vue项目设置浏览器标题title及图标
一.固定设置标题方案方法一:在vue.config.js文件,添加如下代码: chainWebpack: config => {config.plugin('html').tap(args = ...

【vue】设置浏览器上方的标题和图标

正文

【vue】设置浏览器上方的标题和图标相关推荐

最新文章

热门文章