myTest383 3 weeks ago
parent
commit
ac844a9a3e
  1. 27
      src/api/user.js
  2. 18
      src/layout/components/Navbar.vue
  3. 15
      src/utils/auth.js
  4. 16
      src/views/index.vue
  5. 14
      src/views/login/login.vue

27
src/api/user.js

@ -1,14 +1,17 @@
import request from '@/utils/request' import request from '@/utils/request'
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
import qs from 'qs' import qs from 'qs'
let tokens = window.sessionStorage.getItem('tokenValue')
// 登录 // 登录
export function doLogin(data) { export function doLogin(data) {
return request({ return request({
url: '/sysuser/doLogin', url: '/sysuser/doLogin',
method: 'post', method: 'post',
data: data, data: data,
headers: { 'Content-Type': 'application/json' } headers: {
'Content-Type': 'application/json',
'token': tokens
}
}) })
} }
// 获取登录人员信息 // 获取登录人员信息
@ -24,7 +27,10 @@ export function login(data) {
url: '/portal/v1/sysuser/login', url: '/portal/v1/sysuser/login',
method: 'post', method: 'post',
data: data, data: data,
headers: { 'Content-Type': 'application/json' } headers: {
'Content-Type': 'application/json',
'token': tokens
}
}) })
} }
@ -34,7 +40,10 @@ export function registUser(data) {
url: '/system/user/save', url: '/system/user/save',
method: 'post', method: 'post',
data, data,
headers: { 'Content-Type': 'application/x-www-form-urlencoded;' } headers: {
'Content-Type': 'application/json',
'token': tokens
}
}) })
} }
@ -65,8 +74,12 @@ export function getInfo(token) {
export function logout(data) { // 退出 export function logout(data) { // 退出
return request({ return request({
url: '/portal/v1/sysuser/signOut', url: '/sysuser/signOut',
method: 'post', method: 'get',
data: qs.stringify(data) params: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
}) })
} }

18
src/layout/components/Navbar.vue

@ -18,6 +18,9 @@
</template> </template>
<script> <script>
import {
logout,
} from '@/api/user.js'
export default { export default {
data() { data() {
return { return {
@ -37,10 +40,23 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
// this.$store.commit('user/SET_UESRINFO', '')
var params = {
loginId: window.sessionStorage.getItem('loginId')
}
logout(params).then((response) => {
if (response.success) {
window.sessionStorage.clear()
this.$router.push({ this.$router.push({
path: '/login' path: '/login'
}) })
// location.reload()
}
})
}) })
}, },
} }

15
src/utils/auth.js

@ -1,14 +1,17 @@
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
const TokenKey = 'token' const TokenKey = 'tokenName'
const sessionKey = 'token' const sessionKey = 'tokenValue'
export function getToken() { export function getToken() {
return Cookies.get(TokenKey) return Cookies.get(TokenKey)
} }
export function setToken(token) { export function setToken(token) {
return Cookies.set(TokenKey, token, { expires: 7, path: '/' }) return Cookies.set(TokenKey, token, {
expires: 7,
path: '/'
})
} }
export function removeToken() { export function removeToken() {
@ -16,12 +19,12 @@ export function removeToken() {
} }
export function getStorage() { export function getStorage() {
return sessionStorage.getItem('token') return sessionStorage.getItem('tokenName')
// return 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI0MjdhMmZiMC02MGM1LTQwOWYtYmVhNC00ZWI0NDEwNDFhZTYiLCJpc3MiOiJXQksiLCJleHAiOjE2NzQ2NzU5Mzl9.1P6VgCk3sXxWkl1364y7xhfc4ifdg6uGkzkF6uEmhIo' // return 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI0MjdhMmZiMC02MGM1LTQwOWYtYmVhNC00ZWI0NDEwNDFhZTYiLCJpc3MiOiJXQksiLCJleHAiOjE2NzQ2NzU5Mzl9.1P6VgCk3sXxWkl1364y7xhfc4ifdg6uGkzkF6uEmhIo'
} }
export function setStorage(session) { export function setStorage(session) {
return sessionStorage.setItem('token', session) return sessionStorage.setItem('tokenName', session)
} }
export function setDefaultOrgPathName(data) { export function setDefaultOrgPathName(data) {
@ -33,5 +36,5 @@ export function setDefaultOrgPath(data) {
} }
export function removeStorage() { export function removeStorage() {
return sessionStorage.removeItem('token') return sessionStorage.removeItem('tokenName')
} }

16
src/views/index.vue

@ -6,7 +6,9 @@
</template> </template>
<script> <script>
import {login1} from '@/api/system/user/login.js' import {
login1
} from '@/api/system/user/login.js'
export default { export default {
name: '', name: '',
data() { data() {
@ -17,10 +19,10 @@
}, },
created() { created() {
this.token1 = window.sessionStorage.getItem('tokenName'); // this.token1 = window.sessionStorage.getItem('tokenName');
this.token2 = window.sessionStorage.getItem('tokenValue'); // this.token2 = window.sessionStorage.getItem('tokenValue');
console.log("tokenName2222", this.token1) // console.log("tokenName2222", this.token1)
console.log("tokenValue222222", this.token2) // console.log("tokenValue222222", this.token2)
}, },
methods: { methods: {
// getToken(){ // getToken(){
@ -46,6 +48,6 @@
height: 100%; height: 100%;
background: radial-gradient(#fff, #f5f7f4, #fff); background: radial-gradient(#fff, #f5f7f4, #fff);
} }
canvas {
} canvas {}
</style> </style>

14
src/views/login/login.vue

@ -10,12 +10,13 @@
<el-form ref="loginForm" :model="loginForm" class="login-form"> <el-form ref="loginForm" :model="loginForm" class="login-form">
<h3 class="title1">用户登录</h3> <h3 class="title1">用户登录</h3>
<el-form-item> <el-form-item>
<el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号" prefix-icon="el-icon-user"> <el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号"
prefix-icon="el-icon-user">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码" prefix-icon="el-icon-lock" <el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码"
show-password> prefix-icon="el-icon-lock" show-password>
</el-input> </el-input>
<!-- <span class="nopsw register" @click="forgetPwd = true">忘记密码 </span> --> <!-- <span class="nopsw register" @click="forgetPwd = true">忘记密码 </span> -->
</el-form-item> </el-form-item>
@ -99,8 +100,8 @@
}) })
this.loading = true this.loading = true
// this.getUserInfo(response.data.loginId) // this.getUserInfo(response.data.loginId)
window.sessionStorage.setItem('tokenName', response.data.tokenName) window.sessionStorage.setItem('tokenName', response.data.tokenValue)
window.sessionStorage.setItem('tokenValue', response.data.tokenValue) window.sessionStorage.setItem('loginId', response.data.loginId)
} }
}).catch(() => { }).catch(() => {
@ -119,8 +120,7 @@
window.sessionStorage.setItem('userName', user.userName) window.sessionStorage.setItem('userName', user.userName)
} }
}).catch(() => { }).catch(() => {})
})
}, },
codeShow() { codeShow() {

Loading…
Cancel
Save