IdentityServer4：https://github.com/IdentityServer/ (后端的)
identitymodel: https://github.com/identitymodel
vuex-oidc: Home · perarnborg/vuex-oidc Wiki · GitHub
打开项目：Vue.Demo 安装依赖
新建：oidc.js
//export const oidcSettings = JSON.parse(process.env.VUE_APP_OIDC_CONFIG)id_token token
export const oidcSettings = {
"authority": "http://localhost:5000",
"clientId": "js",
"redirectUri": "http://localhost:8080/oidc-callback",
"responseType": "code",
"scope": "openid profile vue.api",
"automaticSilentRenew": true,
"silentRedirectUri": "http://localhost:8080/silent-renew-oidc.html"
}router.js
import Vue from 'vue' import Router from 'vue-router' import Home from './components/Home.vue' import Welcome from './components/Welcome.vue' import OidcCallback from './components/OidcCallback.vue' import OidcCallbackError from './components/OidcCallbackError.vue' import { vuexOidcCreateRouterMiddleware } from 'vuex-oidc' import store from './store' Vue.use(Router) const router = new Router({ //mode: 'history', routes: [{ path: '/', component: Home, meta: { isPublic: true }, name: "home" }, { path: '/welcome', component: Welcome, name: "welcome" }, { path: '/protected', name: 'protected', component: () => import ( /* webpackChunkName: "protected" */ './components/Protected.vue') }, { path: '/oidc-callback', component: OidcCallback, name: "oidcCallback" }, { path: '/oidc-callback-error', // Needs to match redirect_uri in you oidcSettings name: 'oidcCallbackError', component: OidcCallbackError, meta: { isPublic: true } } ] }) router.beforeEach(vuexOidcCreateRouterMiddleware(store, 'oidcStore')) export default router其它详见源代码：Vue.Demo/Vue at master · XXXXX34/Vue.Demo · GitHub
最终运行效果：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/177505.html原文链接：https://javaforall.net
