1. 程式人生 > 實用技巧 >web專案跳轉頁面後樣式全無

web專案跳轉頁面後樣式全無

1. tomcat配置進行修改


將專案名去掉

2. 修改頁面中的樣式路徑(方式一)

    <link rel="stylesheet" href="../../../UOLab0819/layuimini/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../UOLab0819/layuimini/css/public.css" media="all">

此處退出了最外層,UOLab0819是專案的名字

3. 修改頁面中樣式路徑(方式二)

頁面頭部新增
``` html
    <%-- 絕對定位--%>
    <%
        String path = request.getContextPath();
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    %>
    <%-- 告訴伺服器,當前JSP的路徑定位到該基本路徑,JSP中的所有靜態檔案x.js,x.css,x.jpg等等,獲取時都以該路徑為基準--%>
    <base href="<%=basePath %>"/>

樣式路徑改為:

    <link rel="stylesheet" href="layuimini/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="layuimini/css/public.css" media="all">