若依前后端分离版怎样修改主页面和浏览器上的图标和标题

场景

使用若依的前后端分离版，，其默认的图标和标题等如下

 

如果想要修改为自己想要的标题和图标，实现类似下面的效果

 

注：

博客：
https://blog.youkuaiyun.com/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

首先是下面的Logo的修改，组件的位置layout/Sidebar/Logo.vue

修改其标题的logo的代码为

<script>
import logoImg from '@/assets/logo/logo.png'

export default {
  name: 'SidebarLogo&#