在写SpringMVC时,使用Thymeleaf解析资源路径,使用了vue和axios,发现无论怎么改代码都是无法发送POST请求
解决办法:在导入vue和axios时一定要写
<script type="text/javascript" th:src="@{/static/js/vue.min.js}">
</script>这种方式才是正确的如果
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"/>
这么写是错误的
下面是正确的
<div id="app">
<a @click="put1" th:href="@{/axios}">update</a>
</div>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/axios.js}"></script>
<script>
new Vue({
el:"#app",
methods: {
put1: function (event) {
axios({
method: "post",
url: event.target.href,
params: {
name: "abc",
password: "123"
}
}).then(function (response) {
alert(response.data);
});
event.preventDefault();
}
}
});
</script>