Amazon S3 non sta servendo i file correttamente

Question

Ho creato questo sito per il mio amico e l'ho caricato su un bucket Amazon S3 (http://ballard26.s3.amazonaws.com/index.html) e quando vado su quel sito la pagina non si carica correttamente e non ho idea del perché. Qualche idea?

Ad esempio, stylesheet.css non viene caricato correttamente. Se vai a http://ballard26.s3.amazonaws.com/stylesheet.css, scarica il file invece di caricarlo come CSS.

Answer 1

Controllare i tipi mime (intestazione del tipo di contenuto HTTP) sui file caricati. S3 non li imposta sempre correttamente. Potrebbe essere necessario impostarli sulla chiamata dell'API di caricamento. Alcune librerie di upload lo faranno per te.

Se i tipi di mime non sono corretti quando il file viene scaricato dal browser da S3 se il tipo mime non è impostato correttamente, non verrà sempre visualizzato correttamente.

Answer 2

Suppongo che non abbia specificato o impostato correttamente il tipo MIME del file durante il caricamento del file. Di conseguenza, per impostazione predefinita è binary/octet-stream.

Quando si carica la pagina, il browser presume che il foglio di stile specificato non sia un file CSS, poiché viene fornito con un tipo di contenuto diverso da text/css e pertanto non applica il foglio di stile.

Answer 3

Ho avuto lo stesso problema in IE a causa del tipo di contenuto non corretto dei nostri file CSS/JS.

Se si utilizza Ruby e la gemma AWS, utilizzare il codice in questo modo:

s3 = Aws::S3Interface.new($s3[:s3_access_key_id],$s3[:s3_secret_access_key],{:multi_thread => true}); 
s3.put($s3[:s3_bucket],s3_path,file[:tempfile].read,{'x-amz-acl' => 'public-read', 'content-type' => 'text/css' }) 

Avviso la diversa sintassi per la S3 Metadata:

'content-type' => 'text/css' 

Answer 4

file CSS predefinito a un tipo MIME octet/binary. Per correggere ciò, accedi alla Console di gestione AWS, vai alla sezione Amazon S3 e trova il bucket pertinente. Individua il file CSS e seleziona Proprietà. Sotto metadati, impostare la chiave Content-Type al valore: text/css

Se si utilizza Panic Transmit app per Mac OS X, è possibile impostare un Carica personalizzato di intestazione per i file CSS di Content-Type: text/css che si applicheranno il tipo MIME corretto ogni volta che si caricare un file, eliminando la necessità di impostarlo manualmente nella console ogni volta.

Ulteriori informazioni su questo è in Adam Wilcox blog post.