В настоящее время я сталкиваюсь с проблемой, касающейся доступа моего простого интерфейса к моему API, который я создал в API Gateway.Я включил CORS на использованном ресурсе, как показано на рисунке:
Вот код для моего запроса:
<script>
new Vue({
el: "#app",
data: {
eMail: '',
password: ''
},
methods: {
// API CALL HERE FOR INITIAL VALUES
init() {},
// SIGNUP
signUp() {
let userData = {
"mail": this.eMail,
"password": this.password
}
console.log(userData);
const request = {
host: 'myapi.execute-api.eu-central-1.amazonaws.com',
method: 'POST',
url: `***********`,
data: userData, // object describing the foo
body: JSON.stringify(userData), // aws4 looks for body; axios for data ...path: `/Prod/foos/${foo.id}`,
headers: {
'content-type': 'application/json',
'Access-Control-Allow-Origin': '*'
}
};
axios(request).then((response) => {
if(!response.containsHeader("Access-Control-Allow-Origin"))
console.log(response);
});
}
},
mounted() {
this.init();
}
});
</script>
При использовании скрипта я получаю следующую ошибку в отладчике firefox: отсутствует заголовок CORS «Access-Control-Allow-Origin».Я еще не нашел решение этой проблемы