Resource interpreted as Stylesheet but transferred with MIME type binary/octet-stream

[kubber]

I used create_all to upload all static to S3, but browser show me message as above and css is not interpreted.

Looks like some content-type needs to be set
http://blog.viktorkelemen.com/2012/05/amazon-s3-and-resource-interpreted-as.html

[Fuyukai]

I believe this can be solved by setting FLASKS3_FORCE_MIMETYPE to True in your app's config.

[jwtrhs]

Been a while, but if anyone else comes across this issue I also had success using FLASKS3_FILEPATH_HEADERS to force the right content type in S3. E.g.:

app.config['FLASKS3_FILEPATH_HEADERS'] = {
    r'.css$': {
        'Content-Type': 'text/css',
    }
}

[yinhedot]

use send_from_directory and setup mimetype:

from flask import send_from_directory

scriptPath = os.path.dirname(os.path.realpath(__file__))
os.chdir(scriptPath) 

template_folder = os.path.join(os.getcwd(),'templates')
static_folder = os.path.join(os.getcwd(),'static')
app = Flask(__name__, template_folder=template_folder,static_folder=static_folder)

@app.route('/css/<path:path>')
def send_css(path):
    return send_from_directory('css', path,mimetype='text/css')

[martinthomas]

Minor defect in documentation:
The example for FLASKS3_FILEPATH_HEADERS encloses the header list in quotes and makes it a string when it should be a dictionary as seen in the comment above.

Wrong (from docs):
{r'.txt$': {‘Texted-Up-By’: ‘Mister Foo’} }

Right:
{r'.txt$': {‘Texted-Up-By’: ‘Mister Foo’}}