springboot发布tomcat后静态文件路径问题

不念不忘少年蓝@ 2023-05-29 05:12 1阅读 0赞

### 今天的积累都是为了更好的明天，加油！我是java程序员，大家可以关注我一起学习哈！ ###

## 打成war发布tomcat我发现资源路径有问题，有问题咱得解决问题啊！ ##

访问的是返现页面引用的js全部阵亡，均报404，那一定是路径有问题啊！

**1.我引入的模板 **

<dependency>
    	<groupId>org.springframework.boot</groupId>
    	<artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

**2.修改application.properties文件 ; 添加: (sliderverificationcode,是对应war打包名)**

server.port=8081
    spring.thymeleaf.mode=LEGACYHTML5
    spring.thymeleaf.encoding=UTF-8
    #开发时关闭缓存,不然没法看到实时页面
    spring.thymeleaf.cache=false
    server.servlet.context-path=/sliderverificationcode

3.html页面，一定要注意引用js的路径问题，我采用的是@{}
    
    <html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>滑动验证码</title>
        <link rel="stylesheet" th:href="@{/css/slide.css}">
        <script th:src="@{/js/jquery-1.11.1.min.js}"></script>
        <script th:src="@{/js/jquery.lgyslide.js}"></script>
    </head>

**4.ajax请求后端接口，这里注意url前面不要加/ ,**因为前置斜杠会覆盖掉我们contextPath该路径

$.ajax({
                    type: 'POST',
                    url: 'getPic',
                    dataType: 'json',
                    success: function (data) {

实际上他访问的是[http://localhost:8082/sliderverificationcode/getPic][http_localhost_8082_sliderverificationcode_getPic]这个地址

注意

#如果Tomcat下部署多个springboot项目,要在 application.properties 添加 , 不然会报错
    spring.jmx.enabled=false

就此问题就解决了！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thbmd6aHVhbmc1MjE_size_16_color_FFFFFF_t_70][]

个人能力有限，如有问题 欢迎留言！

[http_localhost_8082_sliderverificationcode_getPic]: http://localhost:8082/sliderverificationcode/getPic
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thbmd6aHVhbmc1MjE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2019110415545313.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thbmd6aHVhbmc1MjE=,size_16,color_FFFFFF,t_70