未在 nuxt js

问题描述

我使用了 nuxtjs 应用程序。 我设置的元标记动态正确并且在页面视图中没有显示源代码！ 通过刷新元标记未在视图页面源中设置但在客户端正确！

在代码中：

async asyncData({ params,app,route }) {
    try {
      let post = await app.$axios.get("/api/post/post?slug=" + params.slug);
      return {
        post: post.data.result,categoryName: post.data.result.category.categoryName,};
    } catch (e) {
      console.log(e);
    }
  },async mounted() {
    await this.readDataFromAPI(this.$route.params.slug);
  },head() {
    console.log("meta title tag is :");
    console.log(this.metaTitle);
    // console.log(process);
    if (process.server) {
      console.log('***********************************************************');
    }
    const metaTitle = this.metaTitle;
    const metaDescription = this.metaDescription;
    return {
      title: metaTitle,meta: [
        {
          hid: "title",name: "title",content: metaTitle,},{
          hid: "apple-mobile-web-app-title",name: "apple-mobile-web-app-title",{
          hid: "og:title",name: "og:title",{
          hid: "description",name: "description",content: metaDescription,{
          hid: "og:description",name: "og:description",],};
  },computed: {
    metaTitle() {
      console.log(" computed metaTitle : " + this.post.title);
      return this.post.title;
    },metaDescription() {
      return this.post.metaDescription;
    },

在 console.log 中：

元标题标签是：

0c53cbd.js:1 计算的元标题：未定义

0c53cbd.js:1 未定义

0c53cbd.js:1 元标题标签是：

0c53cbd.js:1 计算的元标题：lorem ipsum

0c53cbd.js:1 lorem ipsum

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）