Amplify 部署前端


s
可以选择在可以选择在Amplify新建前端程序,也可以选择部署已经开发好的前端。我们以部署本地开发的vue工程为例。新建前端程序,也可以选择部署已经开发好的前端。我们以部署本地开发的vue工程为例。

新应用程序 -> 托管web应用程序
image-20231014195956091
这里提供了几种方式,Amplify可以从Github,Bitbucket,Gitlab,codecommit读取应用程序代码并且部署,也可以在没有git的情况下直接部署。

image-20231014200019093

新建vue工程:

image-20231014200032199
npm build之后打包成静态文件,然后把文件夹上传到Amplify上。
打包之后会在工程目录下生成dist目录,然后把dist目录拖拽到浏览器。

image-20231014200056069

然后会开始部署部署,之后通过Domain访问。
image-20231014200109196

部署成功后,会显示vue的欢迎页面。
image-20231014200118929


文章作者: AWS Learner
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 AWS Learner !
评论
  目录