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

Calling cross domain requests from almost static site

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

我不想从浏览器发出这些请求,因为从我的脚本中获取不同的网站没有意义,这更像是在用户不知情的情况下在后台调用任何不良网站,所以我需要调用 cloud-function(gce) 或 aws lambda(因为我不想在服务器上为其托管站点,因为它只有一个 api 调用)。

完成它的最佳方法是什么,我正在寻找类似网站 www.webapp.comwww.webapp.com/checkUrl

上的云函数调用的东西

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

Step01

  • 创建 S3 存储桶并上传您的前端 vueJs 代码
  • 通过 S3 属性在您的存储桶上启用静态 Web 托管
  • 创建 CloudFront 分配
  • 创建指向您的 s3 存储桶的 CloudFront 源 url(您必须添加 s3 存储桶的静态网站 url)
  • 设置指向 S3 源 ID 的默认行为

步骤 02

  • 创建您的 lambda 函数

  • 创建 API 网关

  • 添加指向您的 lambda 的新资源 (GET/POST)

  • 部署你的API

  • 返回 CloudFront 分配并添加指向您的 API 网关的源

  • 在行为选项卡中,创建一个新行为例如:(/checkUrl)并将其指向API网关的OriginId

步骤 03

  • 转到 Route53 并创建一个新的托管区域
  • 在域配置中设置托管区域的 NS 记录
  • 创建一个新记录集(例如:www.webapp.com)并将其指向您的 CloudFront 分配的 DNS
  • 将您的 CloudFront 分配的备用域名更新为 www.webapp.com