thymeleaf js 获取项目路径 contextPath的方法

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.2w累计阅读 1.3w+平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄11年

关注

转载最新推荐文章于 2026-01-10 00:03:18 发布 1.2w 阅读 AI 写同款· GEO 优化 ›

Spring Boot 和thymeleaf获取项目路径得问题 Spring Boot 和thymeleaf获取项目路径得问题在thymeleaf中，我们在js上直接写${pageContext.request.contextPath}是获取不到项目路径的，所以我们可以采取行内表达式的写法： var deleteUrl = "[[@{/ep/delete}]]"; var forwordUrl = "[[@{/ep/experimentproblems}]]... 阅读详情

1.thymeleaf 标签：

th:onclick="@{'location.href=\'' + ${#httpServletRequest.getContextPath()} + '/xxxx\'}"

2.javascript中引用

<script type="text/javascript" th:inline="javascript">
   /*<![CDATA[*/
   ctxPath = /*[[@{/}]]*/ '';
   /*]]>*/
</script>

3 单独在js文件中获取

function getRootPath() {  
	    var pathName = window.location.pathname.substring(1);  
	    var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));  
	    return window.location.protocol + '//' + window.location.host + '/' + webName + '/';  
	}

收录于

当前文章被以下社区和专栏收录：

标签

#项目

开源遥感语义分割工具箱mmsegmentation基于Lovedata数据集训练模型阅读详情

相关推荐

Android 14 (AOSP) 源码架构深度解析与开发者指南

Android14源码的仓库指南信息

保持专注，保持热爱 1143

Thymeleaf contextPath（无废话）

一、引入js、css文件 <script type="text/javascript" th:src="@{/static/js/jquery-1.12.1.min.js}"></script> 二、在body中发出请求 <li><a th:href="@{/admin/show}">发送请求</a>

麻辣香蕉 3597

ECE R79-关于转向装置方面批准车辆的统一规定.pdf

ECE R79

Thymeleaf contextPath

Thymeleaf contextPath的获取1.在html标签中路径使用@{}会自动添加上下文路径 eg:请求/thymeleaf接口 <a th:href="@{'/thymeleaf'}"id="contextPath">跳转到thymeleaf</a>2.在js中 eg:请求/thymeleaf接口 //根路径获取相当于jsp的使用${pageContext....

猿份哥 6798

thymeleaf使用

thymeleaf Thymeleaf 百叶香 Thymeleaf是一个流行的模板引擎，该模板采用Java语言开发，Java生态下的模板引擎有Thymeleaf、Freemaker、Velocity、Beetl（国产）等。 Thymeleaf对网络环境要求不存在严格的要求，既能用于web环境下，也能用于非web环境下，在非web环境下，它能直接显示模板上的静态数据，在web环境下，它能想jsp一样从后台接受数据，并替换模板上的静态数据，是基于html的，以html标签为载体，Thymeleaf要

m0_46203525的博客 732

thymeleaf获取项目绝对路径

学习目标：例如：三分钟了解mybatis流程学习内容：提示：这里可以添加要学的内容例如：搭建 Java 开发环境掌握 Java 基本语法掌握条件语句掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：周一至周五晚上 7 点—晚上9点周六上午 9 点-上午 11 点周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：技术笔记 2 遍 CSDN 技术博客 3 篇习的 vlog 视频 1 个 ...

DogCoder的博客 2841

Thymeleaf 获取项目根路径的三种方式

yuzheh521的博客 1402

thymeleaf 获取项目路径 contextPath

thymeleaf 标签： ${#httpServletRequest.getContextPath()} 直接引用 th:onclick="@{'location.href=\'' + ${#httpServletRequest.getContextPath()} + '/xxxx\'}" 其它：${#servletContext.contextPath}

wdd668的专栏 4万+

thymeleaf 获取项目路径（工程名） contextPath

这两天用到了thymeleaf 这个模板，我们前端人员开发的过程中，引用的资源都为静态的资源，显然是不符合动态页面的需求的。所以服务端的同事说要加一个工程名，毕竟动态引入的项目必须要使其路径正确才能出效果，所以，我查了网上的一些做法，有很多回答，但是对于我这种菜鸟，真心还是不太明白，但是实际用到了，就总结出来，以供和我同样水平的同学明白。 javascript里直接引用这段代码： &lt...

weixin_30851409的博客 1545

springboot thymeleaf js获取项目路径

传统的jsp页面js获取项目路径的写法： var contextPath = '${pageContext.request.getContextPath()}'; 使用thymeleaf是这样获取的： /*&lt;![CDATA[*/ var contextPath = '[[@{/}]]'; /*]]&gt;*/...

alex_fung的博客 5127

springboot thymeleaf js获取项目访问路径名称

传统的jsp页面js获取项目路径的写法：var contextPath = '${pageContext.request.getContextPath()}';使用thymeleaf是这样获取的：<script th:inline="javascript"> var context = [[@{/}]]; </script>...

延宝小白马的博客 1万+

详解html和thymeleaf中的相对路径，解决springboot前台页面的相对路径问题

利用thymeleaf解决前端页面的URL问题

编程杂记 8万+

thymeleaf获取项目路径contextPath和简化工程名

weixin_38068605的博客 1279

[Springboot整合thymeleaf]处理js中的路径问题。

使用了thymeleaf模板引擎之后，html中的标签，都可以直接替换成th:src th:href 但是处理js的中的资源路径并不是像jsp那么简单了。可以通过以下方式解决。  <script th:inline="javascript"> var path = [[${#request.contextPath}]] </...

清风唱诗人的博客 2079

Spring Boot 配置项目路径

背景这两天做Spring Boot项目，打完jar包后发给业务方，项目只能作为子模块嵌入在对方的系统里，请求时需要加入项目路径。 Spring Boot配置项目路径 Spring Boot 2.0之前，配置为 server.context-path Spring Boot 2.0之后，配置为 server.servlet.context-path 默认值server.servlet.conte...

qingqingxiangyang的博客 925

IntelliJ IDEA 学习SpringBoot（2） thymeleaf 资源访问和路径写法

上一篇文件我们介绍了 IntelliJ IEDA工具创建 SpringBoot 以及模板引擎 thymeleaf的简单用法。今天这篇介绍如何使用 thymeleaf 访问静态资源如css，js，图片之类的。这次我们打算写一个登录页面，那么我们需要导入css，js之类的东西。首先静态资源默认放在哪呢？默认static放资源，如css，

u011998835的博客 1万+

springboot thymeleaf在前端设置全局变量让js取到

在使用jsp时，我们多会采用下面的方式来取到contextPath<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request....

u010999809的博客 1万+

thymeleaf 获取上下文根路径

路过君的博客 1651

thymeleaf利用fragment解决html页面间获取context-path问题

问题说明我使用spring boot+thymeleaf做了个项目，那前台页面都是html，里面有各种api调用和路径跳转。大家都知道这些路径不能写死，为保证任何情况下路径的正确性，一般都是这种格式：项目路径+接口路径，例如：localhost:8080/system/api/user/1 现在已知thymeleaf页面中js要获取项目路径时这样的： <script type=...