Início / unix / Perguntas / 791584
Accepted
TheFrenchTechMan
Asked: 2025-02-25 03:21:46 +0800 CST

CSS não atualiza em um site `http.server`

  • 772

Tenho um site usando o http.servermódulo Python e ele estava funcionando muito bem. Mais cedo hoje eu queria que 2 usuários trabalhassem nos mesmos arquivos (HTML, CSS, JS), então eu configurei a chmodtag para 777.

O problema é que o conteúdo CSS agora só é atualizado ao iniciar uma nova sessão do navegador, enquanto o conteúdo HTML é atualizado sempre que atualizo a página sem problemas.

Eu tentei:

  • Limpando o cache do navegador usando Ctrl+F5/Shift+F5
  • Alterar a propriedade dos arquivos para um grupo contendo os usuários do editor (usando chgrp)
  • Removendo o cache no Nginx
  • Removendo o cache no Cloudflare

Se precisar de alguma informação adicional, ficarei feliz em fornecê-la.

webserver

1 respostas

  1. Best Answer

    Antes de tomar o caminho difícil com configurações, alternância, etc. do servidor, e se você realmente precisar manter essa configuração do servidor, tente resolvê-lo com meta tags e parâmetros de consulta no seu código HTML.

    E preste atenção aos avisos de segurança nos comentários, porque a configuração do seu servidor não é a ideal!

    Experimente estas 2 opções.

    1. Meta Tags no Cabeçalho HTML (Desabilitar Cache)

    Adicione estas meta tags à seção do seu arquivo HTML para desabilitar completamente o cache:

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

    Isso garante que o navegador não armazene em cache nenhum arquivo, incluindo CSS.

    Talvez isso se aplique apenas ao arquivo HTML em si e não necessariamente a recursos externos como CSS ou JS.

    2. Acrescente uma versão de consulta ao link CSS

    Um método mais simples e eficaz é anexar uma consulta de versionamento ao link CSS. Toda vez que você atualizar seu CSS, incremente o número da versão:

    <link rel="stylesheet" href="styles.css?v=1.0.1">

    Ao atualizar o CSS, altere o número da versão:

    <link rel="stylesheet" href="styles.css?v=1.0.2">

    O navegador vê styles.css?v=1.0.1e styles.css?v=1.0.2como dois arquivos diferentes e carrega a nova versão/arquivo.

    Você só precisa incrementar o número da versão no código HTML ao atualizar seu CSS.

    Isso é rápido, eficaz e funciona na maioria dos casos.

    Exemplo com ambos:

    <head>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" href="styles.css?v=1.0.1">
</head>
    • 1

relate perguntas