Heim > php教程 > PHP开发 > Lösen Sie das Problem der Einführung externer CSS- oder JS-Fehler auf der JSP-Website

Lösen Sie das Problem der Einführung externer CSS- oder JS-Fehler auf der JSP-Website

高洛峰
Freigeben: 2016-12-08 13:46:21
Original
1589 Leute haben es durchsucht

Ich habe kürzlich an einem Projekt gearbeitet, die vom Projektmanager zugewiesenen Aufgaben erledigt und mit Java Web begonnen. Während des Entwicklungsprozesses bin ich jedoch auf viele Probleme gestoßen, aber das größte Problem für mich war der externe Import CSS scheiterte immer wieder. Es hat lange gedauert, bis ich es gefunden habe.

Pfadproblem

Der wahrscheinlichste Grund für einen CSS- oder JS-Importfehler ist der Pfadfehler. Hier gebe ich die Verzeichnisstruktur meiner Website als Referenz an.

Lösen Sie das Problem der Einführung externer CSS- oder JS-Fehler auf der JSP-Website

CSS-Code importieren:


Denken Sie daran, dass der JSP-Header einen relativen Pfad festlegen muss:

<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
Nach dem Login kopieren

Set der Filter

Da ich einen Anmeldefilter eingestellt habe, sind CSS und JS fehlgeschlagen. Die Lösung ist sehr einfach. Legen Sie den vom Filter abgefangenen Anforderungspfad (das mit dem Filter verknüpfte URL-Muster) auf die entsprechende Datei fest. Ich filtere beispielsweise JSP-Dateien, daher ist mein XML-Teil wie folgt konfiguriert:

<filter-mapping>
  <filter-name>login</filter-name>
  <url-pattern>/.jsp</url-pattern>
</filter-mapping>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage