代码之家  ›  专栏  ›  技术社区  ›  Sumit Murari

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

google-cloud-endpoints google-cloud-platform vue.js amazon-s3 amazon-web-services
  •  0
  • Sumit Murari  · 技术社区  · 7 年前

    什么是最好的方式来实现它,我正在寻找像网站的东西是 www.webapp.com 和云函数调用 www.webapp.com/checkUrl

    1 回复  |  直到 7 年前
        1
  •  2
  •   Rumesh Eranga Hapuarachchi    7 年前

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

    步骤01

    • 创建S3 bucket并上传前端vueJs代码
    • 从S3属性在您的bucket上启用静态Web托管
    • 创建CloudFront发行版
    • 设置指向S3组织ID的默认行为

    步骤02

    • 创建API网关

    • 部署API

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

    • /checkUrl )并将其指向API网关的原始ID

    步骤03

    • 转到Route53并创建新的托管区域
    • 在域配置中设置托管区域的NS记录
    • www.webapp.com )并将其指向CloudFront发行版的DNS
    • 将CloudFront发行版的备用域名更新为 www.webapp.com
    推荐文章
    StuP  ·  响应式Vue组件在数据更改时不更新
    2 年前
    dbzx10299  ·  对从Api端点返回的数据使用Vue转换组
    2 年前
    mrDandaleonx  ·  Vue3获取div内容并将其发布到表单
    2 年前
    ateymour  ·  Vue3在异步调用后将道具传递给子组件
    2 年前
    Artur Müller Romanov  ·  是否可以有条件地渲染布局?
    2 年前
    Ilijanovic  ·  对象可能未定义
    2 年前
    devAR  ·  单击其他组件时,单选按钮未保持选中状态
    2 年前
    Coderama  ·  在v-for指令中使用:key属性时,TS应出现类型错误
    2 年前
    Suffii  ·  Vue表单输入绑定的条件绑定存在问题
    2 年前
    akkonrad  ·  函数的作用是:返回数据属性为空的实例
    2 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号