在AWS EC2实例中,Django React应用程序不能正确地提供静态文件服务,因为它们不是在开发机器上调试,而是在本地机器上运行。解决方法是使用AWS S3存储桶,将静态文件上传到该存储桶中,并从该存储桶中提供它们。
以下是示例代码(在此例中,使用django-storages S3后端):
INSTALLED_APPS = [
# ...
'storages',
# ...
]
AWS_ACCESS_KEY_ID = 'your_access_key'
AWS_SECRET_ACCESS_KEY = 'your_secret_access_key'
AWS_STORAGE_BUCKET_NAME = 'your_bucket_name'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
AWS_S3_OBJECT_PARAMETERS = {
'CacheControl': 'max-age=86400',
}
# Static files settings
STATIC_LOCATION = 'static'
STATIC_URL = 'https://%s/%s/' % (AWS_S3_CUSTOM_DOMAIN, STATIC_LOCATION)
STATICFILES_STORAGE = 'your_project_name.custom_storages.StaticStorage'
from storages.backends.s3boto3 import S3Boto3Storage
class StaticStorage(S3Boto3Storage):
location = 'static'
file_overwrite = False
python manage.py collectstatic
这将上传所有静态文件到您的指定存储桶中。
import React from 'react';
const MyComponent = () => {
return (
);
};
export default MyComponent;
此方法可确保您的AWS EC2实例正确提供静态文件,并且React应用程序可以正确地载入这些文件。