Vue.jsのタイトル設定

Vue.js では、public/index.html が大本の HTML となるので、このファイルの TITLE タグの中身を書き換えれば、タイトルは設定できます。
初期状態では下記になっているはず。

<title><%= htmlWebpackPlugin.options.title %></title>

ただ、public/index.html はここ以外には通常変更する必要がないファイルなので、できれば手を加えないでおきたい、、、という場合、vue.config.js に設定することでタイトルを設定することも可能です。

module.exports = {
  pages: {
    index: {
      title: 'タイトルサンプル',
    }
  },
...

vue.config.js はなんだんかんだで設定を書くことが多いので、こんな感じにタイトルも vue.config.js で設定する方法が良いと思います。

コメント

タイトルとURLをコピーしました