Почему развернутое приложение не подключается к конечной точке GraphQL, если в ветви есть настройки?

Question

У меня есть базовое приложение VueJS, которое подключается к AWS Amplify DynamoDB с GraphQL.Все соединяется, данные доступны для работы локально.Приложение также может быть успешно развернуто в данной ветви.

Однако даже при наличии файла 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.Любой совет приветствуется.

Answer 1

После некоторого слежения я нашел исправление, и оно довольно простое. Недостаточно иметь настройки AppSync, нам нужно настроить Amplify с помощью оконечных точек GraphQL и API-ключа следующим образом:

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',
    })
  }
});