不多说, 直接上代码, 看了你就会用了。
使用登录举例:
<template>
<div>
<el-form ref="form" :model="user" label-width="80px">
<el-form-item label="账号">
<el-input v-model="user.username"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input v-model="user.password"></el-input>
</el-form-item>
<el-button type="primary" @click="login">登录</el-button>
</el-form>
</div>
</template>
<script>
import axios from "axios";
axios.defaults.baseURL = "http://localhost:8080";
export default {
data() {
return {
user: {}
};
},
methods: {
async login() {
let { data } = await axios.post("/user/login", this.user);
if (data.code == 1) {
this.$message.success(data.message);
//key value 存储
sessionStorage.setItem("token", this.user.username);
// 通过key 获取
let token = sessionStorage.getItem("token");
this.$message.info(token);
this.$router.push("/home");
} else {
this.$message.error(data.message);
}
}
}
};
</script>
<style>
body {
text-align: center;
}
</style>