Vue里面发送post失败

1,发送post服务器报
[org.springframework.web.servlet.PageNotFound] - Request method 'POST' not supported

2,html代码

                            <form id="user_login">
                                <div class="layui-form-item"><label class="layui-form-label">账号</label>
                                    <div class="layui-input-inline"><input type="text" id="user_name" v-model="user_name" name="user_name"
                                                                           required="" lay-verify="required"
                                                                           autocomplete="off" class="layui-input"></div>
                                    <div class="layui-form-mid layui-word-aux">用户名、手机号或者邮箱</div>
                                </div>
                                <div class="layui-form-item"><label  class="layui-form-label">密码</label>
                                    <div class="layui-input-inline"><input type="password" id="user_password" v-model="user_password" name="user_password"
                                                                           required="" lay-verify="required"
                                                                           autocomplete="off" class="layui-input"></div>
                                </div>
                                <div class="layui-form-item">
                                    <button class="layui-btn" lay-filter="*" lay-submit="" v-on:click="user_login" data-method="offset" data-type="auto">立即登录</button>
                                    <span style="padding-left:20px;"> <a href="/user/forget">忘记密码?</a> </span></div>
                                <div class="layui-form-item fly-form-app"><span>或者使用社交账号登入</span> <a href="/app/qq"
                                                                                                     onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                                                                                                     class="iconfont icon-qq"
                                                                                                     title="QQ登入"></a> <a
                                        href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                                        class="iconfont icon-weibo" title="微博登入"></a></div>
                            </form>
                            

javascript:

    var userLogin = new Vue({
        el: '#user_login',
        data: {
            user_name: "",
            user_phone_mumber:"",
            user_email:"",
            user_password:'',
            account_type:"user_name"
        },
        // 在 `methods` 对象中定义方法
        methods: {
            user_login: function () {

                if ( userLogin.$data.user_name.length() == 11 && isNaN(userLogin.$data.user_name)  )
                {
                    userLogin.$data.account_type = "user_phone_mumber";
                }

                if ( isEmail(userLogin.$data.user_name) )
                {
                    userLogin.$data.account_type = "user_email";
                }

                axios.post('/SystemManager/userLogin', userLogin.$data)
                    .then(function (response) {
                        if ( response.code == 0 )
                        {
                            console.log(response);
                        }
                        else
                        {
                            var othis = $(this);
                            othis.errorMessage = resultData.message;
                            active[method].call(this, othis);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
            }
        }
    })                                
                            
                            
阅读 4k
2 个回答

今天把Vue的代码和jQuery的代码分开成两个<script>,好像好了

在form上加上onsubmit="return false;"解决了,原来这个报错不是
$.ajax({

            type: "POST",。。。。
           

导致的

这是后端接口不支持POST,找后端确认.
一种是这个接口都不存在,还有一种就是路由不支持POST.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题