VueJS动态加载远程JS文件

时间:2017-12-04 15:41:57

标签: javascript vuejs2

这就是我想要做的。我有一个VueJS应用程序,它引用供应商提供的远程JS文件。我有一个开发/暂存环境和一个单独的生产环境。供应商给了我2个必要的JS文件的URL,一个用于生产的URL和一个用于测试/暂存的URL。我的问题是,我想在需要它的Vue组件中加载JS文件但是根据我所处的环境使URL不同。我只想加载JS文件,如果应用程序部署在一个内部iframe中。如下所示:

created () {
    // only load the JS file if we are deployed in an iframe
    if (window !== window.top) {
        if (process.env.NODE_ENV === 'production') {
            // load http://vendor.url/production/file.js
        } else {
            // load http://vendor.url/staging/file.js
        }
    }
}

对此有任何帮助将不胜感激。我想以最安全的方式做到这一点。

0 个答案:

没有答案