我有一个基本的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控制台进行部署。任何建议表示赞赏。
经过一些窥探,我发现了修复,这很简单。使用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',
})
}
});