Problem with CORS!

Nếu server tự viết thì add CORS vào Server luôn.
giống giống như thế này

  @Override
    public void filter(ContainerRequestContext request,
            ContainerResponseContext response) throws IOException {
        response.getHeaders().add("Access-Control-Allow-Origin", "*");
        response.getHeaders().add("Access-Control-Allow-Headers",
                "origin, content-type, accept, authorization");
        response.getHeaders().add("Access-Control-Allow-Credentials", "true");
        response.getHeaders().add("Access-Control-Allow-Methods",
                "GET, POST, PUT, DELETE, OPTIONS, HEAD");

không phải server của mình viết thì có thể dùng JSONP(không theo chuẩn W3C)

Không phải server của mình bạn ạ, à phần gửi request bằng javascript luôn, mình lấy được video link rồi gửi đến server và ở đó có 1 player để chạy video đó trên website của mình!

Trước mình làm thì mình làm thêm 1 cái server phụ, xong config cho server đó chấp nhận CORS, xong dùng nó làm proxy trung chuyển request giữa client (javascript) và thằng “domain lạ”
Nên là phần javascript để tạo request không cần sửa gì cả, chỉ cần làm thêm 1 cái server có sửa 1 ít phần header là xong

Kiểu như này:

Pasted image739x317 3.82 KB

Còn để bình thường, như này thì sẽ bị lỗi CORS như bạn nói

À mà do đợt đấy là cái origindomain.com mình không được sửa code trên server nhiều nên phải làm vậy còn tốt nhất là làm như này

Pasted image709x197 2.98 KB

chuẩn rồi bạn ơi, ý tưởng đúng là như vậy nhưng mình không có tí kiến thức về javascript nào nên mình ko config được cái server của mình! bây giờ bạn có thể giúp mình được không :))

Uả, mobile thì cần gì quan tâm tới CORS nhỉ (trừ phi bạn dùng ajax để get content).

Còn nếu bạn muốn viết 1 con proxy nhỏ để thêm header vào thì có thể sử dụng:

https://gist.github.com/iovar/9091078

proxy.php

<?php 

  /*
  * Warning! Read and use at your own risk!
  *
  * This tiny proxy script is completely transparent and it passes 
  * all requests and headers without any checking of any kind.
  * The same happens with JSON data. They are simply forwarded.
  *
  * This is just an easy and convenient solution for the AJAX 

GitHub

joshdick/miniProxy

miniProxy - A simple PHP web proxy.

Có 1 file thôi, thay vì bạn gọi http://request_original thì bạn gọi http://proxy_của_bạn?url=http://request_original
Cũng có khá nhiều http proxy cho phép bạn CORS (đỡ phải dựng, nhưng hình như chứa quảng cáo)

Mấy cái proxy này mình toàn dùng để convert từ http -> https, ảnh ọt vì nhiều khi nhúng http trong https content sẽ không được, hoặc dùng by pass CORS.

Một cách khác là sử dụng JSONP

JSON

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    document.getElementById("output").innerHTML = eval('(' + this.responseText + ')').bar;
  };
};

xhr.open("GET", "somewhere.php", true);
xhr.send();

JSONP:

function foo(response) {
  document.getElementById("output").innerHTML = response.bar;
};

var tag = document.createElement("script");
tag.src = 'somewhere_else.php?callback=foo';

document.getElementsByTagName("head")[0].appendChild(tag);

Cảm ơn bạn @Phan_Hoang rất nhiều, để mấy hôm tết rảnh mình sẽ nghiền ngẫm phần này

@Phan_Hoang: vấn đề của mình như thế này bạn ạ, mình viết ứng dụng cho phép người dùng browsing các trang web video, ứng dụng của mình sẽ get playback link của video rồi sẽ gửi đến 1 cái receiver (thực ra là 1 trang html đặt ở server của mình). Cùng lúc đó các thiết bị có màn hình lớn của người dùng có kết nối internet (chromecast, androidTV, appleTV, internetTV…) sẽ load cái receiver này và chơi video đó trên màn hình lớn! tất cả mọi thứ đều khá ổn nếu không gặp phải vấn đề về cross-origin request khi play live stream videos, những server chứa video mà họ để Access-Control-Allow-Origin:* thì chạy ngon, còn một số server khác thì không như vậy, nó báo lỗi “XMLHttpRequest cannot load url/của/video No ‘Access-Control-Allow-Origin’ header is present on the requested resource serve/của/mình is therefore not allowed access” trong developer console. Trước giờ mình chỉ code android nên động phải phần js này hơi mắc, mình muốn tìm giải pháp để kiểu như đánh lừa trình duyệt để nó bỏ qua cái phần check CORS kia đi và get được info của video để play!

Ảnh chụp Màn hình 2017-01-25 lúc 10.png1167x495 89.9 KB

2.png1476x453 112 KB

3.png1088x44 17.9 KB