vue2 プロジェクトがあり、vue-meta と vue-i18n を使用してプロジェクトをローカライズします。 ブラウザのブックマークでは、Web ページのタイトルが表示されず、代わりに変数が表示されます。 Google Analyticsでも同じ問題が発生し、変数の値ではなく変数が表示されるようです。

これはホーム コンポーネントのコード スニペットです:

名前: 'ホーム', メタ情報 () { 戻る { タイトル: this.$t("home.meta.title"), メタ: [{ 名前: "説明"、 コンテンツ: this.$t("home.meta.descriptioncontent") }、{ 名前: "キーワード"、 コンテンツ: this.$t("home.meta.keywordscontent") }、 { プロパティ: 'og:title'、コンテンツ: this.$t("home.meta.title")}, { プロパティ: 'og:site_name'、コンテンツ: 'www.examplesite.se'}、 { プロパティ: 'og:description', コンテンツ: this.$t("home.meta.descriptioncontent")}, { プロパティ: 'og:type'、コンテンツ: 'ホーム'}、 { プロパティ: 'og:url'、コンテンツ: 'https://examplesite.se/'}、 { プロパティ: 'og:image'、コンテンツ: 'https://www.examplesite.se' '/img/' 'example_logo_social.png'} ] } }、 データ（） { 戻る { fimagefolder: '../../Images/', bimagefolder: '../../fImages/', }; },

つまり、this.$t("home.meta.title") 変数には、スウェーデン語と英語の翻訳が格納されます。サイト内では両方の言語で正しいタイトルが表示されますが、Google Analytics では「home.meta.title」のみが表示されます。

私が理解したところによると、スクリプトがロードされていないため、クローラーは変数値を認識できません。何か案は？