尽管使用文件版本控制，Cloudfront缓存仍会影响网站页面

问题描述

为解释一个问题，我在s3和CloudFront上托管了一个静态网站作为CDN。我已经使用create-react-app（CRA）为我的网站创建react包。默认情况下，CRA会对Webpack构建文件进行版本控制，并且这些版本在s3存储桶中也可见。 即使在进行部署时，也不会出现最新的更改（我已经等了一天，希望它能出现）。我不确定是什么导致了此问题。谁能帮忙。

我添加了“ cloudfront行为”选项卡的屏幕截图和具有构建版本的s3存储桶文件。

Ps，如果是浏览器缓存，该如何禁用它，以便客户始终看到我网站的最新版本。

解决方法

您好，您必须在分发设置选项卡中使缓存无效。理想情况下，我通过传递 /* 使所有缓存无效，或者您也可以指定文件夹或文件来清除缓存。 示例：/index.html

即使在您的 CI/CD 池行中，您也可以通过传递分发 ID 和路径来要求部署代理使缓存无效