【Bug解决】themleaf 相对路径引用 js 静态文件失效

原生 HTML 文件 test.html:

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>测试title>
    <link rel="stylesheet" href="https://memotrace.lc044.love/static/css/style.css">
    <script type="text/javascript" src="../scripts/echarts.min.js}">script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js">script>
head>

项目结构:
【Bug解决】themleaf 相对路径引用 js 静态文件失效_第1张图片

使用 SpringBoot + themleaf 模板后,位于相对路径处../scripts/目录下的 js 文件无法成功加载,导致 echarts 绘制的词云图未显示。


解决方案

  1. 标签中添加xmlns:th="http://www.thymeleaf.org",这是使用 Thymeleaf 所必需的。

你可能感兴趣的:(bug,javascript,java,spring,boot,html,后端,前端)