Come risolvere ha un problema di integrità attributo bootstrap.min.css

Question

Sto usando le icone di bootstrap nel mio progetto, che mi dà errore

Subresource Integrità: La risorsa 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' ha un attributo di integrità, ma la risorsa richiede la richiesta a affinché CORS sia abilitato a verificare l'integrità e non lo è. La risorsa è stata bloccata perché l'integrità non può essere applicata.

Qualcuno può aiutarmi a risolvere questo problema e quando passiamo alla produzione l'icona non viene caricata.

Così sto usando il collegamento sotto per le icone di bootstrap

%link{:href => "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", :integrity => "sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7", :rel => "stylesheet"}/ 

Answer 1

Penso che si sta perdendo crossorigin="anonymous".

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

Quando la richiesta non corrisponde la stessa politica di origine crossorigin attributo deve essere presente per l'integrità del file da controllare. Con un'integrità impostata su un'origine esterna e una mancanza di crossorigin il browser sceglierà 'fail-open', il che significa che caricherà la risorsa come se l'attributo di integrità non fosse stato impostato.

Source

Answer 2

Stavo cercando di inserire jQuery in una pagina tramite il DevTools Console Chrome, e mi è stato sempre questo errore. Ecco il codice che usavo:

let script = document.createElement('script'); 
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js'; 
script.crossorigin = 'anonymous'; 
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4='; 
document.head.appendChild(script); 

La soluzione era quella di cambiare crossorigin-crossOrigin:

let script = document.createElement('script'); 
script.src = 'https://code.jquery.com/jquery-3.2.1.min.js'; 
script.crossOrigin = 'anonymous'; 
script.integrity = 'sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4='; 
document.head.appendChild(script);