VUE 动态挂载 script

记录一下

ZLMRTCClient 是我js文件的其中一个变量。

script.src = '/ZLMRTCClient.js'

文件路径在当前路径，在 vite 中默认是public文件夹。

// 挂载动态库
const loadScript = () => {
  return new Promise((resolve, reject) => {
    if (!window.ZLMRTCClient) {
      // 创建 script 标签来加载库
      const script = document.createElement('script')
      script.src = '/ZLMRTCClient.js' // 设置文件路径
      script.onload = () => {
        console.log('ZLMRTCClient loaded successfully')
        window.ZLMRTCClient = ZLMRTCClient
        resolve(true)
      }
      script.onerror = (err) => {
        console.error('Error loading ZLMRTCClient:', err)
        reject(err)
      }
      // 将 script 标签添加到 body 中
      document.body.appendChild(script)
    } else {
      resolve(true)
    }
  })
}

就可以直接使用了，一定需要用window.xxxx 进行挂载一下对象。