1，创建js文件，用来加载网络资源写入window以便调用，在此命名为dynamicLoadScript.js，内容如下
 

let callbacks = []function loadedAws() {// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2144// check is successfully downloaded scriptreturn window.aws
}const dynamicLoadScript = (src, callback) => {const existingScript = document.getElementById(src)const cb = callback || function() {}if (!existingScript) {const script = document.createElement('script')script.src = src // src url for the third-party library being loaded.script.id = srcdocument.body.appendChild(script)callbacks.push(cb)const onEnd = 'onload' in script ? stdOnEnd : ieOnEndonEnd(script)}if (existingScript && cb) {if (loadedAws()) {cb(null, existingScript)} else {callbacks.push(cb)}}function stdOnEnd(script) {script.onload = function() {// this.onload = null here is necessary// because even IE9 works not like othersthis.onerror = this.onload = nullfor (const cb of callbacks) {cb(null, script)}callbacks = null}script.onerror = function() {this.onerror = this.onload = nullcb(new Error('Failed to load ' + src), script)}}function ieOnEnd(script) {script.onreadystatechange = function() {if (this.readyState !== 'complete' && this.readyState !== 'loaded') returnthis.onreadystatechange = nullfor (const cb of callbacks) {cb(null, script) // there is no way to catch loading errors in IE8}callbacks = null}}
}export default dynamicLoadScript

2，在需要调用的组件或页面 加入代码

import load from './dynamicLoadScript'

const awsCDN = 'https://sdk.amazonaws.com/js/aws-sdk-2.1072.0.min.js'

 

  created() {this.init()},methods: {init() {load(awsCDN, (err) => {if (err) {this.$message.error(err.message)return}this.canUpload = true})}}

3.最后一步调用，需要上传的完整代码请看我其他文章VUE 使用亚马逊（AWS）上传文件，及跨域配置的问题_阿__杰的博客-CSDN博客_vue上传文件到亚马逊