将 frontchat 与 Nuxt 集成答案

【问题标题】：Integrate frontchat with Nuxt将 frontchat 与 Nuxt 集成
【发布时间】：2022-12-23 22:01:06
【问题描述】：

我正在将前端应用程序与我的 nuxt 站点集成。它已经在我以前的 vue 网站上运行良好。在脚本标签中添加包nuxt.config.js文件。

  head: {
   script: [{ src: 'https://chat-assets.frontapp.com/v1/chat.bundle.js' }]
  },

我正在将脚本的其余部分集成到页面/index.vue文件。像那样

if (process.client) {
  window.FrontChat('init', {
  chatId: 'XXXXXXXXXXXXXXX',
  useDefaultLauncher: true
});
}

它给了我这个警告和错误。

【问题讨论】：

【解决方案1】：

我通过添加 body: true 来解决它，因为

Front Chat 脚本应位于结束正文之前标签。

  head: {
   script: [{ 
     src: 'https://chat-assets.frontapp.com/v1/chat.bundle.js' 
     body: true, 
    }]
  },

【讨论】：