IntelliJ IDEA在使用Thymeleaf时用axios拦截get请求发送post请求没有效果

68 阅读 0 评论 45 点赞

我是靠谱客的博主调皮水壶，最近开发中收集的这篇文章主要介绍IntelliJ IDEA在使用Thymeleaf时用axios拦截get请求发送post请求没有效果，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在写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>