当分支中存在设置时,为什么部署的应用程序不连接到GraphQL端点?

问题描述 投票:0回答:1

我有一个基本的VueJS应用程序,它通过GraphQL连接到AWS Amplify DynamoDB。一切都连接起来,数据可以在本地使用。该应用程序也可以在给定分支上成功部署。

但是,即使将aws-exports文件与GraphQL端点设置一起提供,部署的应用程序也不会连接到数据库。

// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.

const awsmobile =  {
    "aws_appsync_graphqlEndpoint": "https://xxxxxxx.appsync-api.us-east-2.amazonaws.com/graphql",
    "aws_appsync_region": "us-east-2",
    "aws_appsync_authenticationType": "API_KEY",
    "aws_appsync_apiKey": "xxxxxxxx",
};

export default awsmobile;

而是在此链接访问应用程序会引发此错误:

"No graphql endpoint provided."

我使用AWS Amplify控制台进行部署。任何建议表示赞赏。

deployment vuejs2 graphql aws-amplify
1个回答
0
投票

经过一些窥探,我发现了修复,这很简单。使用AppSync设置是不够的,我们必须使用GraphQL端点和api键实际配置Amplify,如下所示:

Amplify.configure(aws_exports);
Vue.use(AmplifyPlugin, AmplifyModules);
Vue.config.productionTip = false

Amplify.configure({
  API: {
    graphql_endpoint: 'https://xx.appsync-api.us-east-2.amazonaws.com/graphql',
    graphql_headers: async () => ({
      'x-api-key': 'xxxx',
    })
  }
});
© www.soinside.com 2019 - 2024. All rights reserved.