Question

我有一个Nuxt应用程序，试图在我的动态数据页面上放置一个Facebook共享按钮。该页面必须使用axios加载一些数据，并使用该信息更新我的元数据。

它在开发中有效，但在发布时无效（通用应用程序）。我还可以看到在部署该应用程序时，它将加载我的起始页面，然后转到路由/ profile /：id。

Nuxt声明在获取第一页时仅执行一次AsyncData（）。那么，如何防止它首先出现在其他页面上？

我尝试在nuxt.config.js中添加路由我可以转到页面，但数据不会加载（我认为是因为AsyncData（）未触发）

我的动态路由是：pages / profile / _id / index.vue （尝试使用pages / profile / _id.vue出现了相同的问题）

nuxt.config.js

router:{
    routes:[
      {
        name: 'profile-id',
        path: '/profile/:id?',
        component: 'pages/profile/_id.vue'
      }
    ]
  },

_id / index.vue

async asyncData({ app, params, store, }){
    var oets = await store.dispatch('profiles/getProfile', params.id )
     return {
       profile:{
         ...oets
       }
     }
  },

我在索引页上添加了搜索输入。我将参数发送到页面->可行。

this.$router.push(`profile/${this.search}`)

以这种方式加载配置文件/标识时，它会显示数据。但这当然无助于我成为Facebook的“共享”页面。当我使用Facebook搜寻网站时，它会从第一个索引页面返回信息。不是个人资料/ ID页面。

回顾：在开发人员中工作，而不是实时工作似乎跳过AsyncData（）函数我想我需要更改一些配置或其他方法

在开发中达到asyncData（），而不在发布时达到

0 个答案: