背景 我们原来访问vue静态页面是通过网宿CDN进行访问的,具体如下: 但是用户说,在海外访问vue网页比较慢,所以,我们打算使用AWS的CDN来进行访问,即CloudFront,如下图: 国内使用网宿CDN,国外使用AWS CloudFront CDN进行访问,这里涉及到DNS分区设置。 步骤 1.创建负载均衡器ALB2.为EC2设置ALB3.设置CloudFront CDN4.设置DNS分区解析 具体结构改成如下图: 参考: 创建 应用程序负载均衡器