vue-cli项目设置浏览器地址栏图标的几种方法以及不同的域名使用不同的域名logo和域名title

1.直接引入，即把favico.ico放到static目录下，在index.html中直接引入即可，如下：

2.可以在build/webpack.dev.conf.js中进行配置，这个时候，index.html中就不需要再使用link引入了

追加！！！

需求：我不同的域名，包装成不同的产品，使用不同的首页以及不同的域名logo和域名title

修改方法：

//修改域名logo
link.href = res.body.data.domainLogo;
//修改域名title
document.title = "XXX";

vue-cli项目设置浏览器地址栏图标的几种方法以及不同的域名使用不同的域名logo和域名title相关推荐

vue项目设置浏览器icon图标
1. 引入图标在vue项目中的index.html中引入图标,为防止项目打包时图片路径出错,需把icon图标放在static静态文件夹下 <link rel="shortcut ic ...
设置网站ico图标的两种方法
方法一: 直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行).还有将 favicon.ico 中的 favicon 命名为你网站 ...
Vue中设置浏览器标签栏图标以及title
1.设置浏览器标签栏图标使用脚手架创建的项目,已经将标签栏图标设置好了,默认的是vue的图标.如果需要修改,只需要将public文件夹下面的favicon.icon文件替换为我们自己的图标即可 2. ...
Vue设置浏览器小图标（ICON）
Vue设置浏览器小图标当我们使用浏览器做开发时,我们能希望浏览器标签页能显示自己的logo小图标,这个是怎样设置的呢? 第一步:准备logo图片信息找到自己的logo,通过图片在线转换格式,转换成 ...
Vue Cli 项目结构简述
webnode_modules --Vue Cli 项目以来的js模块全放到这里public --存放静态资源存放自己的js cssfavicon.ico -- 浏览器小图标index.html - ...
Vue项目9：Vue Cli项目使用echarts可视化
Vue Cli项目使用echarts可视化有两种方式:一.直接引入echarts 二.使用vue-ehcarts. 一.直接引入echarts 1.创建Vue Cli项目进入cmd命令行,输入如 ...
Tomcat浏览器地址栏图标
tomcat 6.0.20 IE6 SP3 Firefox 3.6.13 搜狗高速浏览器 2.2.0 360安全浏览器 3.6.1 傲游浏览器 2.5.17 首先说明一下,我这个程序的用户一般使用的是 ...
vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述 vue cli 项目在打包时候报错:API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出 ...
vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...

vue-cli项目设置浏览器地址栏图标的几种方法以及不同的域名使用不同的域名logo和域名title

vue-cli项目设置浏览器地址栏图标的几种方法以及不同的域名使用不同的域名logo和域名title相关推荐

最新文章

热门文章