Я пытаюсь создать небольшое приложение vue.js, которое использует aws-sdk, чтобы получить все экземпляры Lightsial.Тем не менее, я получаю эту ошибку.
:8081/#/:1 Access to XMLHttpRequest at 'https://lightsail.us-west-2.amazonaws.com/' from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Вот мой сценарий компонента vue
import { AmplifyEventBus } from 'aws-amplify-vue'
import { components } from 'aws-amplify-vue'
import AWS from 'aws-sdk'
import Lightsail from 'aws-sdk/clients/lightsail'
import Auth from '@aws-amplify/auth';
import awsconfig from '../aws-exports';
export default {
components: {
AWS, Lightsail
},
data() {
return {
}
},
mounted() {
var myCredentials =
{
accessKeyId : '***************',
secretAccessKey : '****************'
}
AWS.config.update({
credentials: myCredentials, region: 'us-west-2'
});
var lightsail = new AWS.Lightsail();
lightsail.getInstances(function (err, data) {
if (err) console.log(err, err.stack); // an error occurred
else console.log(data); // successful response
});
}
}
Я также использую aws-ampify-vue в этом приложении для аутентификации пользователя