| | |
|---|
| | | return { |
|---|
| | | // 这是登录表单的数据绑定对象 |
|---|
| | | loginForm: { |
|---|
| | | account: 'admin', |
|---|
| | | password: '123456' |
|---|
| | | account: '181360226', |
|---|
| | | password: 'pyb***20000112' |
|---|
| | | }, |
|---|
| | | // 这是表单的验证规则对象 |
|---|
| | | loginFormRules: { |
|---|
| | |
|---|
| | | login() { |
|---|
| | | this.$refs.loginFormRef.validate(async (valid) => { |
|---|
| | | if (!valid) return |
|---|
| | | const { data: res } = await this.$http.post('/login', this.loginForm) |
|---|
| | | // console.log(res) |
|---|
| | | if (res.meta.status !== 200) return this.$message.error('登录失败！') |
|---|
| | | const { data: res } = await this.$http.post('login', this.loginForm) |
|---|
| | | console.log(res) |
|---|
| | | if (res.code !== 200) return this.$message.error('登录失败！') |
|---|
| | | this.$message.success('登录成功') |
|---|
| | | // console.log(res) |
|---|
| | | // 1. 将登录成功之后的 token，保存到客户端的 session Storage 中 |
|---|
| | | // 1. 将登录成功之后的 token，保存到客户端的 sessionStorage 中 |
|---|
| | | // 1.1 项目中出了登录之外的其他API接口，必须在登录之后才能访问 |
|---|
| | | // 1.2 token 只应在当前网站打开期间生效，所以将 token 保存在 sessionStorage 中 |
|---|
| | | window.sessionStorage.setItem('token', res.data.token) |
|---|
