AWS (lightsail ) vue.js CORS问题

Question

我正在尝试构建一个使用aws获取所有Lightsial实例的小型vue.js应用程序。但是，我一直收到这个错误。

: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-扩容-vue进行用户身份验证。

Answer 1

这仅仅是因为当前发布的[aws-sdk-js](https://aws.amazon.com/ko/sdk-for-browser/)确实不允许用于Lightsail的CORS。

正式文件清楚地说明了这一点。

编辑:在我添加了一个注释后，另一个用户写的一个完全错误的答案已经被删除了。所以我把“正确答案”这个词从我的答案中删除了。感谢你的的快速行动。

Answer 2

根据我的研究，这应该是一个CORS问题。这里有一个类似的线程，其中提到了一些解决方法。你能去看看它在你的场景中是否有效吗？

为什么我的JavaScript得到一个“不‘访问-控制-允许-起源’头是存在于请求的资源”错误，而邮递员没有？