vue中动态修改网页图标

当针对不同客户需要提供不同的图标时，页面其他图标好替换，但是网页图标就不太一样了，查阅之后提供如下方法：

<script>
      let headHTML = document.getElementsByTagName('head')[0].innerHTML;
      let baseUrl = "<%= BASE_URL %>"
      headHTML += '<link rel="icon" href="'+baseUrl+pt_logo+'.ico">'
      document.getElementsByTagName('head')[0].innerHTML = headHTML;
    </script>

其中pt_logo就是配置的变量，配置的变量需要跟图标名相对应，比如pt_logo = ‘xiaoche’,那么图标就要命名为‘xiaoche.ico’.
注：图标文件记得放在public中哦
感谢阅读😆