0

我使用的是vuejs,我所做的几乎所有的事情都是在客户端,但是我需要调用服务器端来检查URL是否存在。从几乎静态的站点调用跨域请求

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

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

回答

2

如果选择AWS平台www.webapp.com和云计算的函数调用,您可以使用S3,CloudFront的,Route53, API网关和Lambda来实现您的目标。

Step01

  • 创建S3存储和上传您的前端vueJs代码
  • 启用静态网页寄存到你的水桶从S3性能
  • 创建CloudFront的分布
  • 创建CloudFront的起源指向你的s3桶url(你必须添加s3桶的静态网址)
  • 设置默认行为指着S3渊源考ID

步骤02

  • 创建lambda函数

  • 创建API网关

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

  • 部署您的API

  • 返回到CloudFront的分布,并添加一个原点指向您的API网关

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

步骤03

  • 转到Route53的d创建一个新的托管区
  • 将托管区的域配置的NS记录
  • 创建一个新的记录集(如:www.webapp.com)并将其指向您的CloudFront的分发
  • 更新您的CloudFront的的DNS分配的替代域名到www.webapp.com
+0

谢谢,这听起来不错,我会试着让你知道它。随着aws免费证书也是一个加号:) –

+1

@SumitMurari这是一个很好的做法,upvote质量答案。它会鼓励他们回答更多的问题。如果这样做,你可能也想考虑接受答案。 –

+0

@RumeshEranga @RumeshEranga我通常会这样做,即使我也渴望同样的;)但还没有尝试过,并且没有尝试解决方案似乎不正确。你对此有何看法? –