Question

我已经从我的AWS API网关端点配置了AWS Javascript for Browsers SDK。

自述文件说我需要包含文件然后像这样引用：

<script type="text/javascript" src="apigClient.js"></script>

此文件包含：

var apigClientFactory = {};
apigClientFactory.newClient = function (config) {
    var apigClient = { };
    if(config === undefined) {
        config = {
            accessKey: '',
            secretKey: '',
            sessionToken: '',
            region: '',
            apiKey: undefined,
            defaultContentType: 'application/json',
            defaultAcceptType: 'application/json'
        };
    // Etc...

}

但是我不确定如何在Vue.js中这样做。我已经设置了一个单独的组件，我认为需要导入此文件，但我该怎么做？

Answer 1

真的没有什么特别要知道的。

我不确定这是使用AWS SDK的方法，但如果您不想使用捆绑器，只需将要导出的变量分配给全局窗口对象即可。它应该随处可用，包括在您的组件中。

如果你想在外面使用newClient函数，你可以使apigClientFactory全局化。

window.apigClientFactory = {};
apigClientFactory.newClient = function (config) {
    // ...
}

因此，在组件中，您可以创建一个新客户端，假设newClient（）返回创建的客户端：

var myClient = window.apigClientFactory.newClient();

或者，如果您希望通过整个应用程序保留单个AWS客户端，请将客户端本身设为全局。

var apigClientFactory = {};
apigClientFactory.newClient = function (config) {
    // ...
}
window.myClient = apigClientFactory.newClient();

如何将AWS SDK导入Vue.JS

1 个答案: