Тимофей Усулов

Происходила следующая проблема:

An error occurred (XAmzContentSHA256Mismatch) when calling the PutObject operation: The provided 'x-amz-content-sha256' header does not match what was computed.

Решение нашел в добавлении строчки 'signature_version': 's3'

Весь код:

DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'  

STORAGES = {
    'default': {
    'BACKEND': 'storages.backends.s3.S3Storage',
    'OPTIONS': {
        'access_key': os.getenv('AWS_ACCESS_KEY_ID'),
        'secret_key': os.getenv('AWS_SECRET_ACCESS_KEY'),
        'bucket_name': os.getenv('AWS_STORAGE_BUCKET_NAME'),
        'endpoint_url': os.getenv('AWS_S3_ENDPOINT_URL'),
        'signature_version': 's3' 
        },
    },
    'staticfiles': {
    'BACKEND': 'storages.backends.s3.S3Storage',
    'OPTIONS': {
        'access_key': os.getenv('AWS_ACCESS_KEY_ID'),
        'secret_key': os.getenv('AWS_SECRET_ACCESS_KEY'),
        'bucket_name': os.getenv('AWS_STORAGE_BUCKET_NAME'),
        'endpoint_url': os.getenv('AWS_S3_ENDPOINT_URL'),
        'signature_version': 's3' 
    },
    } 
}

MEDIA_URL = f'{os.getenv('AWS_S3_ENDPOINT_URL')}/{os.getenv('AWS_STORAGE_BUCKET_NAME')}/media/'
STATIC_URL = f'{os.getenv('AWS_S3_ENDPOINT_URL')}/{os.getenv('AWS_STORAGE_BUCKET_NAME')}/static/'

Очень простой пример: https://jsfiddle.net/34os6hzs/1/

css-breadcrumbs-and-multi-step-indicator

Решение нашел )
вот что делал для osx
1) Качаем архив ngrok
2) кидаем бинарник в приложения и делаем symlink

cd /usr/local/bin 
# create symlink 
ln -s /Applications/ngrok ngrok

3) проверяем работу
ngrok -h
запускаем тестовый
ngrok http 8080
у него есть своя консоль - 127.0.0.1:4040
можн запускать с параметрами из файла, он должен лежать тут

~/.ngrok2/ngrok.ymlD

4) Ставим ngrok из npm
npm install ngrok -g

и настраиваем gulp
Вот кусок из gulpfile

.....
var  ngrok = require('ngrok'), //замена localtunnel, inspector => http://127.0.0.1:4040 
.....
var config = {
    server: {
        baseDir: "./build"
    },
    //tunnel: true,
    host: 'localhost',
    port: 1984,
    directoryListing: true,
    logPrefix: ''
};

gulp.task('webserver', function () {
    //browserSync(config);
    browserSync(config, function (err, bs) {
       ngrok.connect({
                proto: 'http', // http|tcp|tls 
                addr: bs.options.get('port'), // port or network address 
            }, function (err, url) { 
                gutil.log('[ngrok]', ' => ', gutil.colors.magenta.underline(url));
            });         
    });         
});

{{ forloop.counter }}

https://docs.djangoproject.com/en/1.8/ref/template...