CORS с нуля. Основы

Поділитися
Вставка
  • Опубліковано 21 сер 2024
  • В рамках небольшого доклада узнаем что такое CORS, для чего необходим и как с ним работать.
    Полезные ссылки:
    1. CORS developer.mozi...
    2. Express cors middleware expressjs.com/...
    3. No 'Access-Control-Allow-Origin' header stackoverflow....
    Михаил Федотов
    #CORS #frontend #ZeBrains
    zebrains.ru

КОМЕНТАРІ • 33

  • @databox4279
    @databox4279 10 днів тому

    огромная благодарность за разжовывание инфы. Сегодня пытался поженить Vue и Django и словил ступор. Благо сейчас есть GPT чат, но он так информацию подробно и исчерпывающе не предоставляет.

  • @samolevich
    @samolevich Рік тому +3

    Самое лучшее что я видел на эту тему
    Просто подробнейшее и исчерпывающее объяснение
    Спасибо огромное

  • @alanpuch2243
    @alanpuch2243 8 місяців тому +2

    Благодарю, в тумане начинает вырисовываться понимание запроса на сервер. 👦👍

  • @user-hb5vd3ey9d
    @user-hb5vd3ey9d 7 місяців тому +1

    Отличное видео! Наконец-то до меня дошло что такое cors👍

  • @me29_hi8
    @me29_hi8 11 місяців тому

    Даже за год после выхода, никто из авторов не смог догнать эту тему по качеству... Браво

  • @prod.wembley3816
    @prod.wembley3816 Рік тому +2

    Потрясающее разьяснение!

  • @saber1in
    @saber1in 10 місяців тому

    Лучшее объяснение

  • @someChicoRy
    @someChicoRy Рік тому

    Круто. Всё по теме и без воды( наверное)))))

  • @seoonlyRU
    @seoonlyRU 11 місяців тому

    как всегда мощно и лайк от СЕООНЛИ

  • @user-fw2pp5zg2q
    @user-fw2pp5zg2q 10 місяців тому

    Кто нажал дизлайк? Очень странные люди
    Материал очень годный. Все хорошо разложил, все понятно

  • @Vovan00275
    @Vovan00275 Рік тому +1

    Спасибо, очень крутое пояснение!

  • @Drcn011
    @Drcn011 Рік тому +2

    Я хз, как люди пишут, что им очень понравилось объяснение) Я практически вообще ничего не понял, и это при том, что уже как-то раз писал на бэке UseCors() с разрешающими политиками, чтобы подружить разные источники...

    • @ZeBrains
      @ZeBrains  Рік тому

      Нам очень жаль, что доклад не помог Вам лучше разобраться с CORS. Из контекста комментария не совсем понятно, что именно понять не получилось. На некоторые из вопросов мы также ответили в комментариях к этому видео. Возможно, ответы к этим комментариям помогут Вам понять то, что не удалось понять из видео.

  • @user-ci8yo4yr7s
    @user-ci8yo4yr7s Рік тому +1

    Столкнулся с ошибкой CORS, и никак не могу понять. Да, действительно, при отправке запроса из браузера, получаю ошибку, но если обращаюсь по той же ссылке из python скрипта, ошибок нет, получаю полноценный ответ. Так в чем защита тогда?

    • @ZeBrains
      @ZeBrains  Рік тому +2

      Ошибка CORS (Cross-Origin Resource Sharing) возникает тогда, когда веб-страница, загруженная из одного домена, пытается отправить запрос на другой домен. Таким образом, ошибка CORS возникает из-за политики безопасности браузера, которая предотвращает выполнение запросов на другие домены. В Вашем случае использование Python позволяет обходить эту политику и выполнять запросы без ошибок, тк запросы отправляются не напрямую из браузера.

    • @couragic
      @couragic 10 місяців тому +1

      жаль этот момент не затронули в видео. Можно закрепить этот коммент.

  • @fightspace9822
    @fightspace9822 11 місяців тому

    Добрый день. Спасибо за видео. Я сделал и все работает на локалхост, но перевел все на сервер и все перестало работать. Это проблема самого сервера ???

    • @ZeBrains
      @ZeBrains  11 місяців тому +1

      Здравствуйте! Необходимо провести настройки на Вашем сервере для разрешения кросс-доменных запросов.

  • @user-rl8fy6xe1t
    @user-rl8fy6xe1t Рік тому

    А должен ли сам сервер, перед тем как отдавать ответ, сверяться со своей CORS конфигурацией, и в случае чего возвращать пустой ответ со статусом 403?

    • @ZeBrains
      @ZeBrains  Рік тому +1

      Да, сервер должен сверяться со своей CORS конфигурацией перед тем, как отдавать ответ. Если запрашиваемый источник не входит в список доверенных источников, сервер может вернуть пустой ответ со статусом 403, но может и не возвращать. Вообще 403 статус имеет отношение к запрещению доступа к ресурсу. Поэтому на 403 статус будет влиять скорее не CORS, а другие факторы.

  • @mikewazowski7526
    @mikewazowski7526 10 місяців тому +1

    В начале чувак плохо объясняет. Даже немного будучи в курсе темы все равно трудно понять из-за обилия избыточных абстрактных терминов: «у вас есть некий закрытый ресурс». Дайте пример. Скажите, что например я из своего приложения хочу сделать запрос в интернет-банкинг пользователя. Дайте больше жизни в свои пояснения.
    Потом все достаточно подробно, спасибо!

  • @ArteEtMarte
    @ArteEtMarte Рік тому +1

    Никак не пойму по поводу CORS... каким образом сторонний сайт "от вашего имени" может отправить что то, если у него нет данных для аутентификации? Исходя из того, что у вас доступ есть, а у стороннего сайта нет, то механизм аутентификации точно есть... А если у злоумышленника есть данные для аутентификации, то что мешает ему подделать все прочие данные вообще не используя вас и браузеры в этой схеме? CORS выглядит как штука, которая почти не добавляет безопасности(если вообще добавляет), зато создает кучу проблем, особенно, людям, сталкивающимся с этим впервые...

    • @ZeBrains
      @ZeBrains  Рік тому +4

      CORS- зона ответственности исключительно браузера. Именно через браузер рядовой пользователь взаимодействует с веб-приложением и именно в браузере пользователь может столкнуться с различными атаками, направленными на его конфиденциальные данные. Дополнительно можно почитать csplite.com/ru/csp291/ и csplite.com/ru/csp150/

    • @user-san-chous
      @user-san-chous Рік тому +2

      @@ZeBrains вот этого в видео и не хватает. А то кажется, что сам сервер непосредственно блочит запрос.

    • @ZeBrains
      @ZeBrains  Рік тому +3

      Спасибо за замечание. Хоть в конце видео и говорится о том, что это делает браузер, все же стоило об этом сказать более подробно и в начале. Постараемся учесть такие нюансы в наших будущих видео 😊

  • @freenorthcaucasus
    @freenorthcaucasus Рік тому

    К примеру у меня есть сайт и приложение как мне запретить пользоваться апишкой все ресурсы кроме моего сайта и приложения?

    • @ZeBrains
      @ZeBrains  Рік тому +1

      Хороший вопрос, хоть и не относится к CORS. Совсем простого способа "закрыть" API полностью для всех, кроме Вашего сайта и приложения, нет. В любом случае придется делать обработку запроса. Подходы к защите могут сильно отличаться в зависимости от требований конкретного проекта. Где-то может хватить ограничения доступа только авторизованным пользователям, например, с помощью JWT. Где-то могут использоваться какие-то другие токены, подписи. Где-то в теле запроса могут передаваться различные объекты с наборами генерируемых данных, благодаря которым можно быть практически уверенными, откуда пришел запрос. На самом деле это тема для огромной дискуссии. В каждом конкретном случае подход может быть разным.

    • @user-hb5vd3ey9d
      @user-hb5vd3ey9d 7 місяців тому

      я у себя на сайте сделал white list. Только с разрешённых ip можно обратится к бэку

  • @KanstantsinSudzilouski
    @KanstantsinSudzilouski 11 місяців тому

    10:30 у https порт будет 443 а не 80

  • @VovanEkb
    @VovanEkb Рік тому

    Ну можно же было Origin говорить а не источники, ну такая путаница потом в голове, как отступы блин в css которые не отступы нифига

    • @ZeBrains
      @ZeBrains  Рік тому

      В переводе origin и есть источник. Даже CORS (Cross-Origin Resource Sharing) будет звучать как "совместное использование ресурсов разных источников". На ресурсах амазона (aws.amazon.com/ru/what-is/cross-origin-resource-sharing/) и яндекса (cloud.yandex.ru/docs/glossary/cors) придерживаются такого же перевода и называют origin источником.

  • @user-fr5tt6cu4q
    @user-fr5tt6cu4q Рік тому

    Это сугубо браузерная хрень. На бэке такого не возникает

    • @ZeBrains
      @ZeBrains  Рік тому

      Все верно 👍