BUG记录：springMVC引入vue报错---not defined

今天在SpringMVC中引入vue的时候发现了一个很奇怪的现象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script type="text/javascript" th:src="@{/static/js/vue.js}"></script> //利用thymleaf获取资源路径。
</head>
<body>
<div id="app">{{hello}} </div>
<h1 >这里是首页</h1>

<script >
    var vue = new Vue({
        el:'#app',
        data:{
            hello:'hello Vue'
        }
    });
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

这样的话会无法获取js资源。网上查了一下原因，说是因为配置的DispatcherServlet无法处理静态资源的请求，然后我就按照网上的方法在spring配置文件配置了一下：

    <mvc:annotation-driven />

    <mvc:default-servlet-handler/>
1
2
3

还是不行。
就很奇怪，试了好多办法一直是找不到这个静态资源。后来我把static换了一下路径
在这里插入图片描述

就很奇怪啊，然后我清理了一下target，又把它换到WEB-INF目录下，试了一下也可以获取到，搞不懂，就很奇怪。记录一下。

相关阅读:
计算机毕业设计Java酒店预约及管理系统(源码+系统+mysql数据库+lw文档)
HTTP网络协议讲解
uni-app - H5 页面路由不存在时，跳转到自己定制的 404.vue 页面（当路由不存在时自动重定向到自定义的 404 组件）超详细简约高效的解决方案
开发工程师必备————【Day26】Django补充（三）
PyScript运行Python第三方库
Java之SpringCloud Alibaba【九】【Spring Cloud微服务Skywalking】
java 实现适配器模式
C语言快速排序
华为mate60的发布代表着什么？有什么意义？
vue.js插槽的定义和使用

原文地址：https://blog.csdn.net/weixin_48312484/article/details/126089260