(Bu şekilde gerekli olduğu için GET aracılığıyla) bir crm'ye (ViciDial) gönderdiğim bir formum var. Formu başarılı bir şekilde gönderebilirim, ancak bunu yaparsam crm'deki işleme dosyası sadece bir başarı metnini yansıtır ve bu kadar.

Bu metin yerine web sitemde bir teşekkür sayfası görüntülemek istiyorum, bu yüzden formu göndermek ve ihtiyacım olan sayfaya yönlendirmek için AJAX kullanmaya karar verdim, ancak tarayıcımda şu hatayı alıyorum:

Karışık İçerik: ' https://page.com ' adresindeki sayfa HTTPS üzerinden yüklendi, ancak güvenli olmayan bir XMLHttpRequest uç noktası ' http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=data '. Bu istek engellendi; içerik HTTPS üzerinden sunulmalıdır.

Bu benim AJAX komut dosyam:

    <script>
    SubmitFormClickToCall = function(){

        jQuery.ajax({
            url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php",
            data : jQuery("#form-click-to-call").serialize(),
            type : "GET",
            processData: false,
            contentType: false,
            success: function(data){
                window.location.href = "https://www.example.com/thank-you";
            }
        });
    }
    </script>

Sadece URL'de https ayarlamak işe yaramaz, verileri GET aracılığıyla göndermenin ve kullanıcıyı teşekkür sayfama yönlendirmenin herhangi bir yolu var mı?

============================

Buradaki sorun karışık içerikti, bu, HTTPS aracılığıyla bir sayfa yüklediğim ve AJAX aracılığıyla HTTP'de bulunan bir API'ye ulaşmaya çalıştığım anlamına geliyor. Ancak tarayıcı bunu yapmamıza izin vermiyor.

Dolayısıyla, API'yi HTTPS olarak ayarlayamazsanız (bu benim durumumdu) buna hala farklı bir şekilde yaklaşabiliriz.

Ana Sorun karışık içerik sorunu değildi, verileri bir API'ye göndermek ve kullanıcıları şık bir teşekkür sayfasına yönlendirmek istememdi. AJAX kullanmak yerine, veriyi alan ve curl kullanarak API'ye gönderen bir php dosyası yaptım (bu işlem sunucu tarafında yapıldığından karışık içerik sorunu yok) ve mutlu kullanıcımı süslü bir teşekkür sayfasına yönlendiriyor.

Tarayıcınıza HTTPS kullanarak bir sayfa yüklerseniz, tarayıcı HTTP üzerinden herhangi bir kaynak yüklemeyi reddeder. Denediğiniz gibi, API URL'sini HTTP yerine HTTPS'ye sahip olacak şekilde değiştirmek genellikle bu sorunu çözer . Ancak, API'niz HTTPS bağlantılarına izin vermemelidir. Bu nedenle, ana sayfada HTTP'yi zorlamanız veya HTTPS bağlantılarına izin vermelerini istemeniz gerekir.

Bununla ilgili not: İstek, AJAX ile yüklemeyi denemek yerine API URL'sine giderseniz yine de çalışacaktır. Bunun nedeni, tarayıcının güvenli bir sayfadan kaynak yüklememesi, bunun yerine güvenli olmayan bir sayfa yüklemesi ve bunu kabul etmesidir. AJAX aracılığıyla kullanılabilmesi için protokollerin aynı olması gerekir.

Tarafımızdan kontrol edilmeyen üçüncü parti API kullandığımız için HTML sayfasına aşağıdaki kodu ekleyerek bu sorunu çözdüm.

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 

Umarım bu yardımcı olur ve bir rekor için.

Sadece güvendiğiniz bir web sayfasını ziyaret ediyorsanız ve hızlı ilerlemek istiyorsanız, sadece:

1- Adres çubuğunun en sağındaki kalkan simgesini tıklayın.

2- Açılan pencerede, "Yine de yükle" veya "Güvenli olmayan komut dosyası yükle" seçeneğini tıklayın (Chrome sürümünüze bağlı olarak).

Chrome tarayıcınızı HER ZAMAN (tüm web sayfalarında) karışık içeriğe izin verecek şekilde ayarlamak istiyorsanız:

1- Açık bir Chrome tarayıcıda, Chrome'u kapanmaya zorlamak için klavyenizdeki Ctrl + Shift + Q tuşlarına basın. Sonraki adımlardan önce Chrome tamamen kapatılmalıdır.

2- Google Chrome masaüstü simgesini (veya Başlat Menüsü bağlantısını) sağ tıklayın. Özellikler'i seçin.

3- Hedef alanındaki mevcut bilgilerin sonuna: "--allow-running-insecure-content" ekleyin (İlk tireden önce boşluk vardır.)

4- Tamam'a tıklayın.

5- Chrome'u açın ve daha önce engellenen içeriği başlatmayı deneyin. Şimdi çalışmalı.

Bu hatanın nedeni çok basit. AJAX'ınız HTTP üzerinden çağrı yapmaya çalışırken sunucunuz HTTPS üzerinden çalıştığı için sunucunuz AJAX'ınızı çağırmayı reddediyor. Bu, ana HTML dosyanızın head etiketinin içine aşağıdaki satırı ekleyerek düzeltilebilir:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 

API kodunuz bir node.js sunucusunda çalışıyorsa, dikkatinizi Apache veya NGINX'e değil, oraya odaklamanız gerekir. Mikel haklı, API URL'sini HTTPS olarak değiştirmek cevaptır, ancak API'niz bir node.js sunucusunu çağırıyorsa, HTTPS için ayarlanması daha iyidir! Ve tabii ki, node.js sunucusu kullanılmayan herhangi bir bağlantı noktasında olabilir, 443 numaralı bağlantı noktası olması gerekmez.

Ajax Post yöntemini kullanmak yerine eleman ile birlikte dinamik formu kullanabilirsiniz. Sayfa SSL olarak yüklense ve gönderilen kaynak SSL olmasa bile çalışır.

Form öğesinin değer değerini ayarlamanız gerekir.

Aslında yeni dinamik form, hedef özellik "_blank" olarak ayarlandığında, Tarayıcının ayrı sekmesinde SSL olmayan mod olarak açılacaktır

var f = document.createElement('form');
f.action='http://XX.XXX.XX.XX/vicidial/non_agent_api.php';
f.method='POST';
//f.target='_blank';
//f.enctype="multipart/form-data"

var k=document.createElement('input');
k.type='hidden';k.name='CustomerID';
k.value='7299';
f.appendChild(k);



//var z=document.getElementById("FileNameId")
//z.setAttribute("name", "IDProof");
//z.setAttribute("id", "IDProof");
//f.appendChild(z);

document.body.appendChild(f);
f.submit()

Ben de aynı sorundu, ama benim için sorun inşa komutuydu. "Ng build --prod" yapıyordum bunu "ng build --prod --base-href / applicationname /" olarak düzelttim. ve bu benim sorunumu çözdü.

benim durumumda, localhost'um httpve dağıtılmış sürümüm öyleydi https, bu yüzden bu komut dosyasını yalnızca https için http-equiv meta etiketi eklemek için kullandım:

if (window.location.protocol.indexOf('https') == 0){
  var el = document.createElement('meta')
  el.setAttribute('http-equiv', 'Content-Security-Policy')
  el.setAttribute('content', 'upgrade-insecure-requests')
  document.head.append(el)
}