我使用的是vue cli(3.4.1),我试图简单地更改文档的标题.

我在vue中添加了以下内容.配置.js

    chainWebpack: (config) => {
        config
          .plugin('html')
          .tap((args) => {
            args[0].title = 'Custom Title';
            return args;
          });
      },

并用vue inspect --plugin html判断了webpack配置,得到以下输出

    /* config.plugin('html') */
    new HtmlWebpackPlugin(
      {
        templateParameters: function () { /* omitted long function */ },
        template: '<path>\node_modules\\@vue\\cli-service\\lib\\config\\index-default.html',
        title: 'Custom Title'
      }
    )

该Webapp的标题仍然是"Vue App".

知道为什么吗?

PS:我不想在我的应用程序中设置document.title = 'Custom Title'.我想在构建时修改文档<head>元素中<title>个标记之间的标题.

推荐答案

我按照@tony19的建议提交了一份bug报告.

tldnr:在public/index.html处编辑模板中的标题,该标题将在构建时使用.

长版本:我的项目中不再有public/index.html,显然我在一段时间前删除了它,因此从未使用模板功能.

所以要么禁用索引.html模板并修改htmlWebpackPlugin,或者编辑模板进行更改.

Vue.js相关问答推荐

Vuetify从同一方向旋转传送带下一个项目和上一个项目

在VITE-VUE APP-DEV模式上重定向HTTP请求

Pinia+Vue 3状态react 性-StoreToRef的替代方案

如何在 Nuxt3 中使用 nuxtjs/auth-next 模块?

我如何使用 vuejs 在我的 url 中编码一个令牌

Vue3如何将自定义事件绑定到路由视图中的特定组件?

Vuejs - 更新数组中对象的数组

如何将字符串中的
解析为 VUE.js 中的 html 标记

如何使用 vue.js 获取本地 html 文件?

运行vue-cli-service build --watch时没有 CSS 文件

Vue cli 3项目,图像路径中的动态src不起作用

如何为 Vue 项目设置 lint-staged?

NuxtServerInit 在 Vuex 模块模式下不起作用 - Nuxt.js

如何将 v-if 与 Vue.js 中的值进行比较

如何在 vue 3 中获取路由的参数?

vuetify:以编程方式显示对话框

如何克隆props对象并使其无react

Vue代理设置不起作用

使用 Spring Boot(VueJS 和 Axios 前端)禁止发布 403 帖子

在 Chrome DevTools 中实时更改时 destruct 了 Vue.js 应用程序(Webpack 模板)的页面样式