im引入，

image数据

package-lock.json

@@ -9439,6 +9439,11 @@
         "mimic-fn": "^2.1.0"
       }
     },
+    "open-im-sdk": {
+      "version": "2.3.0-beta.2",
+      "resolved": "https://registry.npmmirror.com/open-im-sdk/-/open-im-sdk-2.3.0-beta.2.tgz",
+      "integrity": "sha512-phi/mJzGytB3DkTXDYxKjGDcZUwXTM9yBDIOKxXX6oh8QBnLYNUdVfGLB8SsqMdfltGRu2c6MLjq1I0kW6EP2A=="
+    },
     "opener": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",

package.json

@@ -25,6 +25,7 @@
     "node-sass": "^4.14.1",
     "nprogress": "^0.2.0",
     "nuxt": "^2.15.8",
+    "open-im-sdk": "^2.3.0-beta.2",
     "print-js": "^1.6.0",
     "screenfull": "^4.2.1",
     "vod-js-sdk-v6": "^1.4.12",

pages/index.vue

@@ -14,6 +14,8 @@ import Header from '@/components/common/header/index'
 import Footer from '@/components/common/footer'
 import { mapActions, mapMutations, mapState, } from 'vuex'
 import { Message } from 'element-ui'
+import openIM from '@/plugins/openIM'
+import { CbEvents } from 'open-im-sdk'
 export default {
   components: {
     Header,

plugins/openIM.js

+import { OpenIMSDK } from 'open-im-sdk'
+
+const openIM = new OpenIMSDK()
+
+export default openIM