【SpringMVC问题】springmvc jsp页面跳转到controller丢失项目名导致404

傷城~ 2023-01-07 04:56 259阅读 0赞

### 文章目录 ###

*   *  问题
     *  解决方案（如想简单粗暴直接看方法四）
     *   *  方法一:将Application context设置为/
         *  方法二:去掉请求参数中的/，Application context设置为项目名
         *  方法三:前面添上完整路径
         *  方式四:补充上项目名

## 问题 ##

在写前台测试文件上传时，jsp跳转controller时出现404错误，查看跳转的链接里丢失了项目名  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 1]

具体代码如下

jsp代码

<%@page pageEncoding="UTF-8" language="java" contentType="text/html;UTF-8" %>
    
    <form action="/fileupload" method="post" enctype="multipart/form-data">
        <%--文件上传表单的name属性值一定要与controller处理器中方法的参数对应，否则无法实现文件上传--%>
        上传LOGO：<input type="file" name="file"/><br/>
        上传照片：<input type="file" name="file1"/><br/>
        上传任意文件：<input type="file" name="file2"/><br/>
        <input type="submit" value="上传"/>
    </form>

controller代码

package com.cw.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import java.io.IOException;
    
    @Controller
    public class FileUploadController { 
    
        @RequestMapping("/fileupload")
        public String fileupload() throws IOException { 
            System.out.println("file upload is running ...");
            return "page.jsp";
        }
    }

tomcat配置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 3]

## 解决方案（如想简单粗暴直接看方法四） ##

跳转链接前加"/"会返回到上一级，即会丢失项目名称，导致跳转出现的页面空白。

如果你的页面上的路径不以/开头，则认为是相对路径，默认会自动加上上个页面请求的路径

### 方法一:将Application context设置为/ ###

如果jsp中请求参数要保留"/“的情况下()，可以配置tomcat,Deployment里的Application context只填写”/"，此时，跳转链接加不加上"/"都可以  
tomcat配置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 4]  
jsp代码

<%@page pageEncoding="UTF-8" language="java" contentType="text/html;UTF-8" %>
    
    <form action="/fileupload" method="post" enctype="multipart/form-data">
        <%--文件上传表单的name属性值一定要与controller处理器中方法的参数对应，否则无法实现文件上传--%>
        上传LOGO：<input type="file" name="file"/><br/>
        上传照片：<input type="file" name="file1"/><br/>
        上传任意文件：<input type="file" name="file2"/><br/>
        <input type="submit" value="上传"/>
    </form>

### 方法二:去掉请求参数中的/，Application context设置为项目名 ###

如果jsp中请求参数不加"/"，Deployment里的Application context要填写"/自定义名称"。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 5]  
jsp代码

<%@page pageEncoding="UTF-8" language="java" contentType="text/html;UTF-8" %>
    
    <form action="fileupload" method="post" enctype="multipart/form-data">
        <%--文件上传表单的name属性值一定要与controller处理器中方法的参数对应，否则无法实现文件上传--%>
        上传LOGO：<input type="file" name="file"/><br/>
        上传照片：<input type="file" name="file1"/><br/>
        上传任意文件：<input type="file" name="file2"/><br/>
        <input type="submit" value="上传"/>
    </form>

### 方法三:前面添上完整路径 ###

如果不想对现有tomcat配置进行修改，则可以在jsp页面上添加以下语句

<%
        String path = request.getContextPath();
        String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    
    <base href="<%=basePath%>">

这个语句是用来拼接当前网页的相对路径的。

1.  request.getSchema();可以返回当前页面所使用的协议，就是"http"
2.  request.getServerName();返回当前页面所在服务器的名字，就是上面例子中的"localhost"
3.  request.getServerPort();返回当前页面所在服务器的端口号，就是上面例子中的"8080"
4.  request.getContextPath();返回当前页面所在的应用的名字，就是上面例子中的"spring09"

basePath全路径显示则为:`http://localhost:8080/spring09/`  
path为`/spring09`

注意action这个加了“/ ，servlet 会根据这个，将fileupload认为是项目名，去找fileupload项目下的这个页面，当然无法跳转显示，只要去掉“/”，写成 action=“fileupload”即可

<%@page pageEncoding="UTF-8" language="java" contentType="text/html;UTF-8" %>
    <%
        String path = request.getContextPath();
        System.out.println("path = " + path);
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
        System.out.println("basePath = " + basePath);
    %>
    <html>
    <head>
        <base href="<%=basePath%>">
    </head>
    <body>
    <form action="fileupload" method="post" enctype="multipart/form-data">
        <%--文件上传表单的name属性值一定要与controller处理器中方法的参数对应，否则无法实现文件上传--%>
        上传LOGO：<input type="file" name="file"/><br/>
        上传照片：<input type="file" name="file1"/><br/>
        上传任意文件：<input type="file" name="file2"/><br/>
        <input type="submit" value="上传"/>
    </form>
    </body>
    </html>

这样设置后页面能够成功跳转  
![在这里插入图片描述][20210115165842620.png]

### 方式四:补充上项目名 ###

前端如果用的是jsp，直接在请求参数前加上`${pageContext.request.contextPath}`，如`${pageContext.request.contextPath}/setting/style.css`，补上项目名,这种方式简单粗暴

<%@page pageEncoding="UTF-8" language="java" contentType="text/html;UTF-8" %>
    <form action="${pageContext.request.contextPath}/fileupload" method="post" enctype="multipart/form-data">
        <%--文件上传表单的name属性值一定要与controller处理器中方法的参数对应，否则无法实现文件上传--%>
        上传LOGO：<input type="file" name="file"/><br/>
        上传照片：<input type="file" name="file1"/><br/>
        上传任意文件：<input type="file" name="file2"/><br/>
        <input type="submit" value="上传"/>
    </form>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70]: /images/20221119/ce2ce740d94040e69154df715085aae0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210115162821930.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210115162704554.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210115162720288.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210115163149300.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20210115163707366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2ODM4MzE1,size_16,color_FFFFFF,t_70
[20210115165842620.png]: https://img-blog.csdnimg.cn/20210115165842620.png