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);
})
}
}
})
今天把Vue的代码和jQuery的代码分开成两个<script>,好像好了
在form上加上onsubmit="return false;"解决了,原来这个报错不是
$.ajax({
导致的