Amazon web services 从几乎静态的站点调用跨域请求

我使用的是vuejs，几乎所有我做的事情都是在客户端，但我需要调用服务器端来检查URL是否存在

我不想从浏览器中发出这些请求，因为从我的脚本中获取不同的网站是没有意义的，这更像是在后台用户不知道的情况下调用任何坏网站，所以我需要调用云函数（gce）或aws lambda（因为我不想将站点托管在服务器上，因为它只有一个api调用）

---

实现它的最佳方式是什么，我正在寻找类似网站的东西是

www.webapp.com

和

www.webapp.com/checkUrl

如果你选择AWS平台，你可以使用S3、CloudFront、Route53、API网关和Lambda来实现你的目标

Step01

• 创建一个S3 bucket并上传前端vueJs代码
• 从S3属性在bucket上启用静态Web托管
• 创建CloudFront发行版
• 创建一个指向s3 bucket url的CloudFront原点（您必须添加s3 bucket的静态网站url）
• 设置指向S3组织ID的默认行为

步骤02

• 创建lambda函数

• 创建API网关

• 添加指向lambda的新资源（GET/POST）

• 部署您的API

• 返回CloudFront发行版，添加指向API网关的原点

• 在行为选项卡中，创建一个新的行为，例如：（

  /checkUrl

  ）并将其指向API网关的原始ID

步骤03

• 转到路由53并创建新的托管区域
• 在域配置中设置托管区域的NS记录
• 创建一个新记录集（例如：

  www.webapp.com

  ），并将其指向CloudFront发行版的DNS
• 将CloudFront发行版的备用域名更新为

  www.webapp.com

---

如果您选择AWS平台，您可以使用S3、CloudFront、Route53、API网关和Lambda来实现您的目标

Step01

• 创建一个S3 bucket并上传前端vueJs代码
• 从S3属性在bucket上启用静态Web托管
• 创建CloudFront发行版
• 创建一个指向s3 bucket url的CloudFront原点（您必须添加s3 bucket的静态网站url）
• 设置指向S3组织ID的默认行为

步骤02

• 创建lambda函数

• 创建API网关

• 添加指向lambda的新资源（GET/POST）

• 部署您的API

• 返回CloudFront发行版，添加指向API网关的原点

• 在行为选项卡中，创建一个新的行为，例如：（

  /checkUrl

  ）并将其指向API网关的原始ID

步骤03

• 转到路由53并创建新的托管区域
• 在域配置中设置托管区域的NS记录
• 创建一个新记录集（例如：

  www.webapp.com

  ），并将其指向CloudFront发行版的DNS
• 将CloudFront发行版的备用域名更新为

  www.webapp.com

---

谢谢，这对我来说很好，我会尝试让你知道。有了aws免费证书也是一个优点：）@SumitMurari，提高质量答案是一个很好的做法。这将鼓励他们回答更多的问题。如果这样的话，你也可以考虑接受这个答案。但我还没有尝试过，甚至没有尝试解决方案就投票似乎也不对。你对此有何看法？@SumitMurari你说得对。投票在5分钟后锁定，有时一开始看起来不错的答案会有问题。你甚至说你会试试，让我们知道。我认为你做得对。我觉得你已经做了。请原谅我的错误理解。谢谢，这听起来不错，我会尽力让你知道的。使用aws免费证书也是一个优点：）@SumitMurari提高高质量答案的投票率是一个很好的做法。这将鼓励他们回答更多的问题。如果这样的话，你也可以考虑接受这个答案。但我还没有尝试过，甚至没有尝试解决方案就投票似乎也不对。你对此有何看法？@SumitMurari你说得对。投票在5分钟后锁定，有时一开始看起来不错的答案会有问题。你甚至说你会试试，让我们知道。我认为你做得对。我觉得你已经做了。请原谅我的错误理解。