web-dev-qa-db-fra.com

Vue Cli 3 Generated Project Set HTML Title

Actuellement, après avoir généré un projet avec Vue CLI 3, le titre est "Vue App".

Si je mets le titre dans le crochet créé via document.title le navigateur fera toujours clignoter "Vue App" avant d'afficher le jeu de titres via document.title.

Vous cherchez un moyen de définir le titre HTML d'un projet généré par Vue CLI 3 sans qu'il clignote d'abord le titre par défaut "Vue App".

vue.jsvue-cli-3
14
xspydr

Vous pouvez définir le titre dans /public/index.html statiquement.

Le définir sur une chaîne vide dans index.html et conserver la mise à jour dans le crochet supprime le clignotement.

10
wwerner

vous pouvez également utiliser index.html personnalisé d'une autre manière, modifiez votre vue.config.js:


module.exports = {
  publicPath: '/',
  chainWebpack: config => {
    config
      .plugin("html")
      .tap(args => {
        args[0].template = './public/index.html'
        return args
      })
  }
};
0
Pashaman

Vous pouvez ajouter postinstall à scripts section dans votre package.json avec la commande suivante: "postinstall": "cp ./public/index.html ./node_modules/@vue/cli-service/lib/config/index-default.html"

0
Pashaman