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">
posted @ 2020-08-26 10:02  玖捌贰陆  阅读(694)  评论(0编辑  收藏  举报