鍍金池/ 問答/C++  HTML/ Vue里面發(fā)送post失敗

Vue里面發(fā)送post失敗

1,發(fā)送post服務(wù)器報(bào)
[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">賬號(hào)</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">用戶名、手機(jī)號(hào)或者郵箱</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>或者使用社交賬號(hào)登入</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);
                    })
            }
        }
    })                                
                            
                            
回答
編輯回答
笨笨噠

今天把Vue的代碼和jQuery的代碼分開成兩個(gè)<script>,好像好了

在form上加上onsubmit="return false;"解決了,原來這個(gè)報(bào)錯(cuò)不是
$.ajax({

            type: "POST",。。。。
           

導(dǎo)致的

2017年5月25日 05:29
編輯回答
壞脾滊

這是后端接口不支持POST,找后端確認(rèn).
一種是這個(gè)接口都不存在,還有一種就是路由不支持POST.

2018年5月30日 12:08