WordPress W3 Total Cache Pergunta: Falta o cabeçalho CORS ‘Access-Control-Allow-Origin’

Um usuário perguntou ?

Eu tenho o W3 Total Cache instalado, mas recebo o erro CORS, no firefox e no chrome:

Imprimir acesso em ‘; desde a origem’https: //domínio.com ‘; Bloqueado pela política CORS: Nenhum cabeçalho ‘Access-Control-Allow-Origin’ está presente no recurso solicitado.

Meu arquivo htaccess tem os detalhes corretos: eu segui estas instruções:

e adicionei isso ao arquivo htaccess.php:

SetEnvIf Origem “http(s)?://(cdn|sub).domain.com$” AccessControlAllowOrigin = $0 Header add Access-Control-Allow-Origin% {AccessControlAllowOrigin} e env = Header Merges AccessControlAllowOrigin Vary Origin

Meu arquivo htaccess está assim:

# INICIAR CDN W3TC

Definir cabeçalho Access-Control-Allow-Origin “*” SetEnvIf Base “http(s)?://(cdn|sub).domain.com$” AccessControlAllowOrigin=$0 Header add Access-Control-Allow-Origin%{AccessControlAllowOrigin} e env=Merge AccessControlAllowOrigin Vary Origin

# FIM W3TC CDN

Além disso, habilitei o CORS em um bucket do AWS S3 e minhas permissões do S3 são semelhantes:

páginas>; https://*.domínio.com; PEGAR CABEÇA REMOVER LUGAR, COLOCAR CORRESPONDÊNCIA > Autorização

Você pode me orientar para corrigir esse problema? Enquanto isso, desativei o plugin.

(@vmarko)

1 ano, 4 meses atrás

Olá @amandapandashop

Lamentamos sua pergunta com o Cors Header e ficaremos felizes em ajudá-lo com isso. A regra .htaccess que você adicionou deve ser alterada de acordo. EG não tem um subdomínio, então você tem que fazer alterações dependendo do caso de uso. Você também deve tentar * em vez de Autorização com sua configuração CORS Certifique-se de substituir a distribuição do CloudFront após fazer suas alterações. Veja os seguintes artigos:

Eu espero que isso ajude!

lançador de tópicos

(@amandapandashop)

1 ano, 4 meses atrás

Olá Marcos, obrigado por ajudar. Não tenho certeza do que você quer dizer com “você não tem um subdomínio, então você precisa fazer alterações dependendo do uso”. Eu configurei o cname “cdn.domain.com”. Desculpe, tenho um novo AWS e um cache completo. É isso que você quer dizer? Todo o melhor,

(@vmarko)

1 ano, 4 meses atrás

Olá @amandapandashop

Remova o seguinte do seu .htaccess

<FilesMatch “.(ttf|otf|eot|woff|woff2|svg)$”>
<IfModule mod_headers.c>
SetEnvIf Origin “http(s)?://(cdn|sub).domain.com$” AccessControlAllowOrigin=$0
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header merge Vary Origin
</IfModule>

Substitua o <AllowedHeader>Authorization</AllowedHeader> tu * com seu CORSConfiguration ou você pode usar seu nome de domínio real *

lançador de tópicos

(@amandapandashop)

1 ano, 3 meses atrás

Olá Marcos Desculpe a demora. Ele ainda não funciona. 1) Eu removi isso de .htaccess: SetEnvIf Origem “http(s)?:// (cdn | sub) . domain .com $’AccessControlAllowOrigin=$0 Cabeçalho adicionar Access-Control-Allow-Origin %{AccessControlAllowOrigin} e env=AccessControlAllowOrigin Cabeçalho para mesclar Variar Origem 2. Substitua a configuração CORS para que ela apareça agora: páginas>; https://domínio.com; PEGAR 3000 * Hospedeiro

Esta resposta foi modificada há 1 ano e 3 meses. lançador de tópicos

(@amandapandashop)

1 ano, 3 meses atrás

Olá Marcos Desculpe a demora. Ele ainda não funciona. 1) Eu removi isso de .htaccess: SetEnvIf Origem “http(s)?:// (cdn | sub) . domain .com $’AccessControlAllowOrigin=$0 Cabeçalho adicionar Access-Control-Allow-Origin %{AccessControlAllowOrigin} e env=AccessControlAllowOrigin Cabeçalho para mesclar Variar Origem 2. Substituída a configuração CORS, agora aparece: páginas>; https://domínio.com; PEGAR 3000 * Hospedeiro 3. em seguida, limpe os arquivos que possuem o conflito CORS

No entanto, isso ainda não funciona. Conselho por favor?

lançador de tópicos

(@amandapandashop)

1 ano, 3 meses atrás

Oi Marko, vejo que outros têm esse problema em relação a erros e configurações de CORS e fontes como eu

Plice CORS fica assim: páginas>; * PEGAR 3000 * Anfitrião >

Meu arquivo .htaccess tem o seguinte: # BEGIN W3TC CDN Definir cabeçalho Access-Control-Allow-Origin “*” # FIM W3TC CDN

O comportamento do My Cloud Front destina-se ao cabeçalho em branco “https only” e “header”. Todos os arquivos com um problema de política CORS são inválidos. Limpei caches e limpei CDN no W3TC

Já não sei o que fazer. Conselho por favor.

(@vmarko)

1 ano, 3 meses atrás

Olá @amandapandashop

Você está usando ou alimentando uma CDN do CloudFront? Se você fez upload para o bucket s3, você precisa definir a política CORS e, em seguida, verificar CORS documentação na AWS. Eu espero que isso ajude!

lançador de tópicos

(@amandapandashop)

1 ano, 3 meses atrás

Estou usando a tração do CloudFront e adicionei a política CORS ao segmento S3. Acho que as imagens funcionam perfeitamente. No entanto, são essas fontes que criam os problemas:

wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-brands-400.woff2 wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-solid-900.woff2 wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-brands-400.woff wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-solid-900.woff wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-brands-400.ttf wp-content / plugins / Elementor / assets / lib / font-awesome / webfonts / fa-solid-900.ttf wp-content / plugins / ti-woocommerce-wishlist / assets / fonts / tinvwl-webfont.ttf wp-content / plugins / ti-woocommerce-wishlist / assets / fonts / tinvwl-webfont.woff wp-content / theme / oceanwp / assets/fonts/simple-line-icons/Simple-Line-Icons.woff2 wp-content/themes/oceanwp/assets/fonts/simple-line-icons/Simple-Line-Icons.ttf wp-content/theme/oceanwp/ recursos extravagantes/fontes/simple-line-icons/sim ple-Line-Icons.woff wp-content/themes/oceanwp/assets/fonts/fontawesome/fontawesome-webfont.woff wp-content/theme/oceanwp/assets/fonts/fontawesome/fontawesome-webfont.ttf wp-content/theme /oceanwp/assets/fonts/fontawesome/fontawesome-webfont.woff

Tentei excluí-los do CloudFront, mas não tenho dúvidas: preciso carregá-los no bucket? Não sei o que fazer. Agradecemos antecipadamente por sua gentil ajuda com este problema.

lançador de tópicos

(@amandapandashop)

1 ano, 3 meses atrás

Oi, eu fiz mais algumas pesquisas on-line e descobri que meu cdn.domain.com encontrou todas as imagens e fontes. Por outro lado, fontes e imagens parecem ser servidas localmente em domain.com. Você tem alguma sugestão adicional? Com os melhores cumprimentos,

(@vmarko)

1 ano, 3 meses atrás

Olá @amandapandashop

Em seu ambiente, o nginx lida com esses arquivos enquanto o PHP está no apache. ou seja, as regras do Apache não têm chance de agir. Você precisa adicionar as seguintes regras ao seu nginx.conf na sua raiz:

location ~* .(eot|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

Ou peça ao seu provedor de hospedagem para atualizar as regras para você. Deixe-nos saber se isso ajuda!

(@vmarko)

1 ano, 3 meses atrás

Resolvido neste post

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *