AWS S3 Static Website Hosting 404

公司的前端项目是以静态化网页的方式部署在aws s3上的, 由于前端项目是用react写的, 页面的路由是前端代码控制,页面实际是不存在于s3中的, 所以每次刷新网页的时候控制台会产生一条404错误, 研究了下这个错误可以在cloudfront那里修复.

解决办法:
Cloudfront->选择项目的cdn->Error Pages->Create custom error response

1
2
3
4
Http error code      -> 404
Custom error resonse -> Yes
Response page path -> /index.html
Http Response code -> 200:OK

Custom error response