被CORS阻止的REACT图像文件[关闭]

Question

关闭。 这个问题需要调试细节。 它目前不接受答案。

---

编辑问题以包含所需的行为、特定问题或错误以及重现问题所需的最短代码。 这将帮助其他人回答问题。

3天前关闭。

改进这个问题

有人可以帮助我吗，因为我对 CORS 无能为力。

我有安装了 corsheaders 的 DRF 服务器。 设置是

INSTALLED_APPS = [
    ...
    'corsheaders',
    'django.contrib.staticfiles',
    ...
]

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
    ...
]

CORS_ORIGIN_ALLOW_ALL = True

CORS_ALLOW_HEADERS = ('Access-Control-Allow-Origin', 'Access-Control-Allow-Credentials', 'Authorization', 'Content-Type', 'Cache-Control', 'X-Requested-With', 'x-csrftoken')

STATIC_URL = 'static/'

我想要实现的是从服务器获取图像以在 React 中裁剪它。 所以我在服务器响应中获得了图像的名称，我在页面上显示它没有问题，但是当我试图这样获取它时：

let img = new Image();
img.crossOrigin = 'Anonymous';
img.src = "http://127.0.0.1:8000/static/images/" + props.image.picname;
setImage(img);

我收到一个错误，表示访问图像被阻止。 我尝试将服务器作为python manage.py runserver --nostatic运行并使用这些行修改urls.py ：

if settings.DEBUG:
    from django.contrib.staticfiles.urls import staticfiles_urlpatterns
    urlpatterns += staticfiles_urlpatterns()

但这没有帮助。 我应该如何管理这个，因为我对图像没有要求，我只是打开它。 为什么在页面上显示图像对 CORS 来说是可以的，而试图通过 JS 从同一页面获取它是一个大问题？