Vue——动态加载网络js文件
代码】Vue——动态加载网络js文件。
·
1. 新建loadScript.js
//动态加载外部js
//@param RESOURCE_LIST 外部地址集合["address"]
export function loadVoLteResourceList (RESOURCE_LIST,success) {
return new Promise(r=>{
RESOURCE_LIST.reduce((res, el) => res.then(() => loadScript(el)), Promise.resolve()).then(() => {
r()
}).catch((error) => {
console.error('外呼VoLTE sdk 前置 js 资源加载失败:', error.name, error.message)
return Promise.reject(error)
})
})
}
export function loadScript (url) {
return new Promise((resolve, reject) => {
const script = document.createElement('script')
script.onload = () => resolve()
script.onerror = () => reject(new Error(`Load script from ${url} failed`))
script.src = url
const head =
document.head || document.getElementsByTagName('head')[0]
;(document.body || head).appendChild(script)
})
}
2. 使用
import {loadVoLteResourceList} from "loadScript.js"
//可以传入多个地址
loadVoLteResourceList(["https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"])
更多推荐
已为社区贡献8条内容
所有评论(0)