Descrição do Problema
Depois que o navegador insere o caminho e pressiona Enter, a página é exibida, mas o resultado do embelezamento CSS não é exibido normalmente.
Pressione F12 para depurar no navegador e descobriu que o console relatou um aviso amarelo: Recurso interpretado como folha de estilo, mas transferido com o tipo MIME text / html e um erro em vermelho: Erro de referência não capturado: $ não definido .
- Aviso amarelo significa: solicitação de arquivo CSS veio, mas foi traduzida em arquivo HTML;
- Erro vermelho significa: Jquery não foi carregado com sucesso (outras funções de pacote não são usadas em JSP, como EL, JSTL);
causa do problema
Pesquisando na Internet encontraram dois motivos:
- Devido à configuração: response.setContentType ("text / html; charset = utf-8");
- Devido à configuração de um filtro global (o filtro está definido para: / *);
Solução
-
Causado pelo motivo 1, pode-se julgar que a solicitação é CSS, então defina response.setContentType ("text / css; charset = utf-8"); '' '
- Razão 2: o filtro define o filtro de solicitação de arquivo CSS:
<filter-mapping>
<filter-name>FilterCss</filter-name>
<url-pattern>*.css</url-pattern>
</filter-mapping>
O efeito será conhecido após um teste.