vue动态修改浏览器标题和图标

项目场景：

在一个功能一致的项目中，要分别部署成两个系统。

---

问题描述

两个系统名称不一致、标题不一致、logo不一致，又不想单独拉出一套代码（单独拉出后维护成本增加），想要动态改变。

---

解决方案：

在main.js中使用以下方法中代码，进行动态修改浏览器标题和图标

// 动态修改浏览器导航栏图标和文字
export function changeIconTitle() {
	const changeFavicon = link => {
		let $favicon = document.querySelector('link[rel="icon"]');
		if ($favicon !== null) {
			$favicon.href = link;
		} else {
			$favicon = document.createElement("link");
			$favicon.rel = "icon";
			$favicon.href = link;
			document.head.appendChild($favicon);
		}
	};
	let iconUrl = ""; // 图片地址
	changeFavicon(iconUrl); // 动态修改网站图标
	let title = ""; // 网站标题
	document.title = title; // 动态修改网站标题
}