1.  在AWS里创建ECR 仓库

2. 进入自己的Repository. 然后点击View push commands

3.  记一下这些命令

 

4. 登陆AWS cloud9 , 利用git clone 你的代码

5. 依次执行步骤3里的所有命令。最后你发现你的ECR里有了一个docker镜像

aws ecr-public get-login-password --region us-east-1 | docker login --username AWS --password-stdin public.ecr.aws/k6z2c7p9

docker build -t hackathon_repo .

docker tag hackathon_repo:latest public.ecr.aws/k6z2c7p9/hackathon_repo:latest
​docker push public.ecr.aws/k6z2c7p9/hackathon_repo:latest

6.  利用apprunner创建服务

7.  输入Container image URI. 其它都默认。

8 . 等待部署完成

9. 访问服务

遇到过的问题

1. Invalid Host header

在vue.config.js里加下面的属性。

module.exports = {
  devServer: {
    allowedHosts: "all",
  },
};