-
偷心的賊2020-01-01 00:00
- 71
- 0
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);
})
}
}
})
- 共 0 条
- 全部回答
-
后来你不在 普通会员 1楼
在Vue中，如果你尝试发送一个POST请求但失败了，可以检查以下几个方面：
-
数据格式是否正确：确保你的请求体的数据格式是正确的。例如，如果你正在发送一个JSON数据，你应该使用JSON.stringify()函数将其转换为字符串。如果数据格式不正确，Vue会抛出一个错误。
-
拦截器设置：确保你的请求被正确地设置为异步。在Vue中，可以使用async/await语法来实现这一点。例如，如果你正在发送一个POST请求，你可以这样做：
javascript export default { methods: { async submit() { try { const response = await axios.post('/api/data', this.data); console.log(response.data); } catch (error) { console.error(error); } } }, data() { return { data: { key: 'value' } }; } }- 请求参数：确保你的请求参数被正确地设置。在Vue中，你可以使用URLSearchParams对象来实现这一点。例如：
javascript export default { methods: { submit() { try { const response = await axios.post('/api/data', new URLSearchParams(this.data)); console.log(response.data); } catch (error) { console.error(error); } } }, data() { return { data: { key: 'value' } }; } }- 调试器：你可以使用Vue的debugger来调试你的请求。例如，你可以这样做：
javascript export default { methods: { submit() { try { const response = await axios.post('/api/data', new URLSearchParams(this.data)); console.log(response.data); } catch (error) { console.error(error); } debugger; } }, data() { return { data: { key: 'value' } }; } }以上都是一些基本的检查点，你可以根据你的具体需求进行修改。
-
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部