路由文件

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('../views/index'),
    meta: {
        title: '首页'
    }
  },
]

已经设置这个了 可打开首页时，页面标题还是显示了一下项目的目录名称
因为组件是异步渲染上去的，这个 home 还没渲染完成的时候，自然就会显示项目的 title

解决方法1：

修改package.json文件内name值，然后重新 npm run serve 运行
在这里插入图片描述

解决方法2：

1、需要每个路由都配置 title

在这里插入图片描述

2、public/index.html 里的 title 去掉