vue项目修改document.title，是在直接修改vue.config.js吗

在 Vue 项目中修改 `document.title` 可以通过多种方式实现，而不一定要直接修改 `vue.config.js` 文件。

一种常见的方式是在组件中使用 `document.title` 属性来动态修改页面标题。你可以在组件的生命周期钩子函数中设置 `document.title` 的值，例如在 `mounted` 钩子函数中进行设置。下面是一个示例：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    document.title = '新的页面标题';
  }
};
</script>

当这个组件被挂载到页面上时，`document.title` 的值会被设置为 `'新的页面标题'`。

如果你希望在整个 Vue 项目中统一设置页面标题，可以使用 Vue Router 的导航守卫来实现。你可以在路由导航前（beforeEach）或路由导航后（afterEach）修改 `document.title` 的值。下面是一个使用 Vue Router 导航守卫的示例：

// main.js
import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({
  // 路由配置
});

router.beforeEach((to, from, next) => {
  document.title = to.meta.title || '默认标题';
  next();
});

new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

在上面的示例中，我们通过 `to.meta.title` 来获取每个路由配置的标题，在导航前修改 `document.title` 的值。

总结来说，你可以根据具体的需求选择在组件中直接修改 `document.title`，或者使用 Vue Router 导航守卫来统一管理页面标题。修改 `vue.config.js` 文件通常用于设置全局的构建配置，而不是用于修改页面标题。