Ember App: Safari router behavior is different on page refresh or direct url access

For some reason I'm having trouble figuring out, Safari browsers (mobile and desktop) act differently from Chrome and Firefox when I refresh a page or try to access a route directly on my app.

I have a playlists route:

Router.map(function() {
    ...
    this.resource("playlists", function () {});
    ...
});

I can hit the playlists route directly with http://ift.tt/1Y2M9tn on Chrome and Firefox and in the console logs, I see this:

Attempting URL transition to /playlists

When I try to hit the playlists route directly in Safari, I see this:

Attempting URL transition to /

Another strange thing is that when I use my localhost the transition is correct on all browsers including safari (mobile and desktop). This makes me think it has something to do with the production environment. I'm using AWS S3 and Cloudfront, but I'm not fully sure that has anything to do with this.

I can provide more information here if asked.