如何将 nuxtjs 3 组件嵌入到外部网站以提供消息传递服务以支持客户？

Question

我正在使用 NuxtJs 3 开发一个基于客户关系的 Web 应用程序。该项目有不同的用例负责使用 NuxtJs 3。

但是，该项目即将完成，但我仍停留在一个功能上，这是应用程序的主要内容。

这是向客户提供一个 js 脚本，他们会将该脚本添加到网站的头部或正文的末尾。之后，一个消息小部件将出现在其网站的每个页面中，客户可以使用此小部件发送消息、提问等。

想想 Zendesk、TalkTo 甚至 facebook 消息小部件..我需要在我的 nuxt 项目中添加类似的东西，这非常重要。

请帮助找到一个简单的解决方案，如果您能帮助我举例，我将不胜感激。预先感谢。

请帮助找到一个简单的解决方案，如果您能帮助我举例，我将不胜感激。预先感谢。

Answer 1

您可以使用

<iframe>

来展示您的应用程序。

<div id="app"></div>
<script>
  const container = document.querySelector('#app')
  const el = document.createElement('iframe')
  el.setAttribute('src', 'https://example.com'
  container.appendChild(el)
</script>