Vue+Flask实现简单的登录验证跳转的示例代码_vueflask - CSDN文库

登录验证跳转

登录验证跳转

60 浏览量更新于2023-05-12 评论收藏 44KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Vue+Flask实现简单的登录验证跳转的示例代码实现简单的登录验证跳转的示例代码

本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码，小编觉得挺不错的，现在分享给大家，也

给大家做个参考。一起跟随小编过来看看吧

本文介绍了Vue+Flask实现简单的登录验证跳转，分享给大家，具体如下:

文件位置：

login.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Login</title>

<script type="text/javascript" src="../static/vue.js"></script>

<script type="text/javascript" src="../static/axios.js"></script>

</head>

<body>

<div id="login">

<form action="#" novalidate>

<label for="username">Username</label>

<input type="text" name="username" id="username" placeholder="Enter your Name" v-model="username"><br>

<label for="password">Password</label>

<input type="text" name="password" id="password" placeholder="Enter your Password" v-model="password"><br>

<br>

<button type="button" v-on:click="login">Apply</button>

</form>

</div>

<script type="text/javascript">

var login = new Vue({

el: '#login',

data:{

username: '',

password: ''

},

methods: {

login: function () {

axios.post('http://127.0.0.1:5000/login',{

username: this.username,

password: this.password

}).then(function (response) {

console.log(response.status)

// 其实是应该走后台路由

if(parseInt(response.status) === 200){

window.location.href = 'index'

}

}).catch(function (error) {

console.log(error.response)

})

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38699724

粉丝: 6
资源: 934

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈