questions about AWS Cloud

#aws #django #vue #axios

this is the architecture used in AWS

Cloud architecture
Cloud architecture
1299×622 79.1 KB
how I configured AWS VPC

VPC’s private ip range : 172.31.0.0/16
1 public subnet
3 private subnets
how I configured AWS route table

private subnet route table configuration
->172.31.0.0/16 local
->0.0.0.0/0 NAT gateway
-included subnets
→ frontend private subnet / backend private subnet / RDS private subnet
total 3 private subnets included in private route table

public subnet route table
→ 172.31.0.0/16 local
→ 0.0.0.0/0 internet gateway
→ public subnet that contains Application Load Balancer / bastion host ec2 / NAT gateway
total 1 public subnet included in public route table

How I configured Application Load Balancer

internet facing
connected instance : frontend ec2 instance in private subnet
then all the configuration done

I entered domain web site to test it

then I confronted with this error

[Vuetify] [UPGRADE] ‘v-content’ is deprecated, use ‘v-main’ instead. console.ts:34

**found in **

—> VMain

*** VApp***

*** App***

*** Root***

POST ‘http://ec2-xxx-xxx-xxx-xxx.us-west-1.compute.amazonaws.com:8000/Product/item_list’ xhr.js:177

!net::ERR_CONNECTION_REFUSED!