Not working: 2 static websites, 2 origins, 1 CloudFront distribution

Try changing the path pattern to "path/*".
Perhaps the "/" at the beginning of the "/" is used to route to secondary when accessing with "/".
Also, the secondary S3 directory structure should be such that the contents are placed under "path/".
CloudFront does not ignore paths that match the path set in the Path Pattern when they are sent to Origin, but includes the path in the Path Pattern.
Therefore, if there is no content under "path/" in the secondary S3, an error will occur.

Thanks. I didn't need to remove the "/" in front of "/path/*".

Instead, there were 2 things I had to do:

1. The secondary website had to have the website deployed to a "/path" subfolder inside the bucket. In my case, my website was a React app. To use the new path and ensure all referencing paths were set properly, I had to add this to my package.json: "homepage": "http://mywebsite.com/path"
2. When referencing the secondary website, I had to add the trailing slash https://example.com/path/. This didn't work: https://example.com/path